teleren/devto huggingface dataset:
From Hobbyist to Professional 🚀
Tags: programming, react, learning, javascript
Published: 2024-06-25 18:26:03

Hey, **DEV Community**,

I hope you all are doing well! My name is Sushil, and I'm at an exciting yet challenging crossroads in my development journey. I've been coding for a while now and have created several projects, but I'm looking to transition from being a hobbyist to landing my first professional developer role.

Currently, I'm building a social media app with features for user authentication, profile management, a main feed, friend requests, and more. 
The Github Repo: https://github.com/sushilmagare10/Bubble 


While I'm proud of the progress I've made, I know there's a lot more to learn. Here are a few areas where I'm seeking guidance:

## Code Review and Best Practices 🛠️

- I'd love for experienced developers to review my code and suggest improvements, especially regarding best practices and efficient coding techniques. 🚀
- Tips on advanced 💻 JavaScript concepts and deeper insights into React for creating more dynamic and efficient components.
- Advice on structuring larger projects 🌱 and making them scalable for future growth.
- Tips on transitioning from personal projects to professional work, including resume building, job searching, and interview preparation.
- Guidance on writing more professional-level code and following best practices.📝
- Best practices for using Git effectively and professionally, including branching strategies and commit message conventions🌳.
- Advice on managing preview and production level code, including setting up and handling different environments🚦.

Any constructive feedback on my current project would be precious.

I'm committed to improving my skills and becoming a professional developer. Any advice, feedback, or resources you can provide will be greatly appreciated. Thank you for taking the time to read my post, and I'm looking forward to any guidance you can offer!
Deploy Laravel application using Vercel
Tags: laravel, php, vercel, womenintech
Published: 2024-06-25 18:10:44

**Hello Artisans,**

In this blog post, we will see how to deploy the laravel application on Vercel. It is a popular serverless platform. 

**Step 1:** First, we create a new laravel application. 
```php
composer create-project laravel/laravel laravel-vercel-project
```

**Step 2:** Create `api` folder, within that folder create `index.php` file, and add the code below.

```php
<?php  
require __DIR__ . "/../public/index.php";
```
It is an entry point that will forward the control to `public/index.php` file which normally gets called when we visit our laravel application.

**Step 3:** Create `.vercelignore` file and add the below line in it.
```php
/vendor
``` 

**Step 4:** Now create `vercel.json` file and add the below code
```php
{
    "version": 2,
    "framework": null,
    "functions": {
        "api/index.php": { "runtime": "vercel-php@0.6.0" }
    },
    "routes": [
        {
            "src": "/(.*)",
            "dest": "/api/index.php"
        }
    ],
    "env": {
        "APP_ENV": "production",
        "APP_DEBUG": "true",
        "APP_URL": "https://your.url.from.vercel.app",
        "APP_KEY": add API key here from your .env file",

        "APP_CONFIG_CACHE": "/tmp/config.php",
        "APP_EVENTS_CACHE": "/tmp/events.php",
        "APP_PACKAGES_CACHE": "/tmp/packages.php",
        "APP_ROUTES_CACHE": "/tmp/routes.php",
        "APP_SERVICES_CACHE": "/tmp/services.php",
        "VIEW_COMPILED_PATH": "/tmp",

        "CACHE_DRIVER": "array",
        "LOG_CHANNEL": "stderr",
        "SESSION_DRIVER": "cookie"
    }
}
```
- In the above code `routes` array will forward all incoming URIs to our newly set serverless function which we created in `Step 2`.

```php
"routes": [{
    "src": "/(.*)",
    "dest": "/api/index.php"
}],
```
- `env` will be our Vercel's env file.

**Step 4:** The last step is to create `dist` folder in the project directory.

- Now save all the files and push your repository to GitHub. Now login to your Vercel application. 
- On the right side click `Add New` then select `Project` option. After that import your laravel application from GitHub.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jfu38hukabyp79jjfro9.png)

- Now we will configure our project by giving a name to the project. 
- Then select the `other` option from `Framework Preset`.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4zonilmpo4s63xsa7ft8.png)

- The next step is to add the required env.

If your deployment has failed go to the home page select the project then go to settings

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h2kg9riaj36xkov4w3ml.png)

- In the General section go to `Node.js version` section and select the node version as `18x`, save the changes, and trigger to re-deploy the application. 

- Tada!! Your application is live now.

**Happy Reading**
:unicorn: :heart:
🌟 Exciting Machine Learning Journey Ahead! 📊
Tags: machinelearning, programming, python, ai
Published: 2024-06-25 17:50:22


Hey Dev.to community! 👋 I'm starting  a 10-day journey to delve into project focused on Customer Segmentation using ML techniques and to understand consumer behavior better.
📅 Follow my progress every 2 days as I explore data insights and prediction of  spending behaviors. 🧠
🤝 Are you passionate about diving deep into data and want to collaborate on this project?
Let's work together to uncover valuable insights! 
Drop me a message here or via email at dishugawri@gmail.com .
Intern level: Introduction to React
Tags: react, javascript, webdev, programming
Published: 2024-06-25 17:49:42

## Overview of React

### What is React?

React is a JavaScript library for building user interfaces, particularly for single-page applications where you need a fast, interactive user experience. Think of React as the LEGO blocks of web development: you build small, reusable pieces (components) and put them together to create a complex interface.

### History and Evolution of React

React was developed by Facebook and first released in 2013. It was created to address challenges in building complex user interfaces with high performance. Over the years, React has evolved significantly, introducing powerful features like Hooks and Concurrent Mode, which make it easier to manage state and improve app performance.

### Comparison with Other Frameworks/Libraries

**Angular:** Developed by Google, Angular is a full-fledged framework, offering a complete solution for building web applications. It's more opinionated and comes with a lot of built-in features.

**Vue:** Vue is a progressive JavaScript framework. It's known for being easy to integrate into projects and offers a blend of features from both Angular and React, with a gentle learning curve.

## Why Choose React?

### Benefits of Using React

1. **Component-Based Architecture:** React allows you to build encapsulated components that manage their own state, then compose them to make complex UIs. This makes the code more maintainable and reusable.

2. **Virtual DOM:** React uses a virtual DOM to optimize updates. Instead of directly manipulating the browser's DOM, React updates a virtual representation, making the updates faster and more efficient.

3. **Declarative UI:** React allows you to describe how your UI should look based on the application's state. When the state changes, React efficiently updates the UI to match.

4. **Strong Community and Ecosystem:** With a large community and extensive ecosystem, finding solutions, tools, and libraries for React is easier.

### Case Studies of Successful React Applications

1. **Facebook:** React was initially developed for Facebook's News Feed. It now powers the entire Facebook web application, providing a fast and responsive user experience.

2. **Instagram:** Another application built with React is Instagram, which benefits from the performance and maintainability advantages of React's component-based architecture.

3. **Airbnb:** Airbnb uses React to build dynamic, responsive user interfaces, ensuring a seamless experience for users browsing listings and making bookings.

## Conclusion

React is a powerful and flexible JavaScript library for building user interfaces, favored for its performance, maintainability, and strong community support. Whether you're building a small widget or a complex web application, React provides the tools and structures to help you create efficient and interactive UIs. As an intern, understanding React's basics will set a strong foundation for your web development journey.
Flat Fee Real Estate Marketing Agency | Company In Singapore
Tags: webdev
Published: 2024-06-25 17:16:44

We have Your real Dream Home like Real Estate Advertising Real Estate Marketing Agency Singapore, Flat Fee Real Estate Marketing Agency, Company In Singapore with Jome Journey. We are always your Welcome to the jome journey world. We always offer  **[Real Estate Advertising in Singapore](https://jomejourney.com/services/real-estate-marketing-agency/)**, where dreams meet reality and Jome Journey is your trusted companion on the path to finding your perfect home.  JomeJourney to be your guiding light. Let us now is your turn your real estate aspirations into reality, one home at a time.  just call only jome journey.
Create an AWS S3 bucket using Terraform
Tags: webdev, devops, devopsden, beginners
Published: 2024-06-25 17:15:37

**Install Terraform:** Ensure that you have Terraform installed. You can download it from the Terraform website.

**Create a Directory for Your Terraform Configuration:** Create a directory for your Terraform configuration files.

```
mkdir terraform-s3
cd terraform-s3

```
**Create a Terraform Configuration File:** Create a file named main.tf and add the following content:

```
# main.tf

# Specify the provider
provider "aws" {
  region = "us-west-2"  # Change this to your preferred region
}

# Create an S3 bucket
resource "aws_s3_bucket" "my_bucket" {
  bucket = "my-unique-bucket-name"  # Change this to your preferred bucket name
  acl    = "private"

  tags = {
    Name        = "MyBucket"
    Environment = "Dev"
  }
}

# Optionally, add a bucket policy
resource "aws_s3_bucket_policy" "my_bucket_policy" {
  bucket = aws_s3_bucket.my_bucket.id

  policy = jsonencode({
    Version = "2012-10-17"
    Statement = [
      {
        Action    = "s3:GetObject"
        Effect    = "Allow"
        Principal = "*"
        Resource  = "${aws_s3_bucket.my_bucket.arn}/*"
      }
    ]
  })
}

```
Initialize Terraform: Initialize your Terraform configuration. This will download the AWS provider plugin.

```
terraform init

```

Apply the Configuration: Apply the Terraform configuration to create the S3 bucket.

```
terraform apply

```

Thank You
Read More About [S3 Bucket](https://devopsden.io/article/what-is-s3-bucket-in-aws)
I'm looking for a FullStack Software Developer Role
Tags: programming, career, webdev, coding
Published: 2024-06-25 17:09:10

Hey y'all, hope you've been doing and feeling great! My name is Cherry Ramatis, and I'm currently looking for opportunities as a FullStack software developer.

I'm passionate about learning new things and being an active figure in the community to democratize knowledge as I find this the key to being a better professional and knowing cool people at the same time (win-win situation). I'm managing to do that by attending meetups, presenting talks, giving mentorship to junior and mid-level devs, producing friendly yet resourceful articles, and overall being an accessible and helpful figure with anyone.

On the personal side I have three beautiful dogs that I adore to walk by the beach and I love hanging out to karaoke pubs with my friends (great opportunity for a cool happy hour 👀) 

## A little bit to know me

- **Name:** Cherry Ramatis
- **Currently living in:** São Paulo Brazil
- **Technologies that I actively work with professionally:** 
  - Typescript/Javascript 
  - React 
  - Nextjs 
  - Angular 
  - Nestjs 
  - Docker 
  - Github Actions 
  - PostgreSQL 
  - MongoDB
- **Technologies that I would love to work with:** 
  - Ruby
  - Ruby on Rails
  - Elixir
  - Phoenix
- **Time coding in total:** About 10 years
- **Time coding professionally:** Currently in my 6 year
- **Number of talks performed both online and in person:**
  - 3 online talks presented at the [He4rt Developers](https://discord.gg/he4rt) community
  - 1 in person talk presented at the [ElixirDays](https://x.com/elaine_nw/status/1795459111678570643)
- **Number of published articles:** Currently at 21 articles published with around 67k views and 11k reached people

## Achievements that I'm proud of

- **Participation for a brazilian podcast "Elixir em Foco":** https://www.youtube.com/watch?v=zYl6ec4G4k8
- **Mention as one of the top 7 authors of 2023 by dev.to:** https://dev.to/devteam/top-7s-top-authors-of-the-year-120m
- **Open source contribution to a big database company:** https://cloud-getting-started.scylladb.com/stable/build-with-ruby

## My favorite projects

- **Regexer - A compiler from a single line language to regex:** https://github.com/cherryramatisdev/regexer
- **Modular architecture for HTTP Server with dependency injection using Ruby:** https://github.com/cherryramatisdev/api-with-dry-ruby
- **A compiler from a pseudo language to a valid byte code BEAM file in rust and elixir:** https://github.com/cherryramatisdev/beam_studies
- **A experiment with ruby to transform exceptions into Result monads:** https://github.com/cherryramatisdev/monadic-exceptions

## How you can reach me

- **Linkedin:** https://www.linkedin.com/in/cherryramatis/
- **Twitter:** https://x.com/cherryramatis
- **Dev.to:** https://dev.to/cherryramatis
5 NodeJS Features You Probably Missed
Published: 2024-06-25 17:01:30



Are you wasting time installing unnecessary libraries and debugging your NodeJS applications the wrong way? Here are five built-in NodeJS features that can make your life easier and reduce your project's dependencies.

> If you prefer the video version, here is the link 😉

{% embed https://www.youtube.com/watch?v=FfmTkL2sMqE&t=86s %}

## 1. Dotenv Replacement

Typically, we use the `dotenv` library to manage environment variables. However, NodeJS now offers native support for this.

Using --env-file Option:

```bash
node --env-file=.env app.js
```

Using process.loadEnvFile (NodeJS v21+):
```javascript
// server.js
process.loadEnvFile('.env');
```

These methods eliminate the need for the `dotenv` library, streamlining your development process.

## 2. Nodemon Replacement
Instead of installing `nodemon` to automatically restart your app on changes, use NodeJS's built-in watch mode.

Run with --watch Option:

```bash
node --watch app.js
```

This built-in feature provides the same functionality as `nodemon` without additional dependencies.


## 3. Built-in Test Runner

Writing tests can be tedious, especially for side projects. NodeJS now includes a built-in test runner, removing the need for external libraries.

Example Test File:

```javascript
import { test, assert } from 'node:test';

test('simple test', (t) => {
  assert.strictEqual(1 + 1, 2);
});
```

Run Tests:

```bash
node --test
```

No more excuses for skipping tests!

## 4. UUID Generation

Generating unique values is common in many projects. Instead of using the `uuid` package, leverage NodeJS's crypto module.

Generate UUID:

```javascript
import { randomUUID } from 'crypto';

const id = randomUUID();
console.log(id);
```

## 5. Built-in Debugger
Many developers still use console.log for debugging, which is inefficient. NodeJS offers a powerful built-in debugger.

Run in Inspect Mode:
```bash 
node --inspect app.js
```

Using Chrome DevTools:

1. Open Chrome and go to DevTools.
2. Click the NodeJS icon.
3. Use breakpoints and inspect objects efficiently.

## Conclusion

Happy Coding 👋! 
Thank you for reading the entire article; hope that's helpful to you.
StarTowerChain successfully obtained seed round investment from three well-known French venture capital companies
Published: 2024-06-25 16:57:36


According to the latest news, the blockchain project StarTowerChain successfully obtained investment from three well-known French venture capital companies, Alven Capital, Kima Ventures and Idinvest Partners, in the recent seed round of financing. The total investment reached 5 million euros.

This financing marks that the technical strength and operational capabilities of the StarTowerChain team have been highly recognized by the international investment community. The support of Alven Capital, Kima Ventures and Idinvest Partners not only proves the potential of StarTowerChain in the blockchain field, but also shows their confidence in the prospects of the entire industry.

According to the official statement of StarTowerChain, the funds will be mainly used for public chain development, market expansion, brand building and talent introduction. Through these investments, StarTowerChain hopes to enhance its core competitiveness in the blockchain industry and accelerate the realization of its strategic goals.

StarTowerChain is committed to "technological innovation drives industry development" and plans to accelerate technological progress and market expansion to better meet the needs of users and enterprises. At the same time, StarTowerChain will also actively expand the global market to promote the continuous progress and development of the blockchain industry.

The three investment companies also expressed great expectations for this cooperation. They believe that Starchain has unique advantages and huge potential in technological innovation and market application, and its future development prospects are very broad.

With the support of venture capital companies, the Starchain team said that they are confident of achieving a more brilliant future and thank all users and media friends for their attention and support. Starchain looks forward to exploring the broad possibilities of the future blockchain landscape with all walks of life.
🌟 Project 1: Simple Sign-Up Form 🌟
Published: 2024-06-25 16:52:04

Hey everyone! I've just completed the first project of my 50 web development projects challenge. 🎉

For this project, I created a simple and stylish sign-up form. It features a clean layout, smooth animations, and social media icons for a modern touch. Check out the details below:

## Key Features:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pmti2u6v8qnd2bvyia0v.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ukqs9act71p1c79rc0yt.jpg)
Responsive Design: Looks great on all devices.
Interactive Animations: Smooth transitions and button effects.
Social Media Integration: Quick access to social media links.
Technologies Used:
HTML for the structure
CSS for styling
JavaScript for interactivity
🚀 Challenge Accepted: 50 Simple Web Dev Projects! 🌐
Tags: webdev, javascript, beginners, programming
Published: 2024-06-25 16:47:35

Hey everyone! I'm Farhan, and I'm excited to announce my new challenge: creating 50 simple web development projects. From basic HTML/CSS to interactive JavaScript, I'll be exploring a variety of topics and sharing my progress along the way. Stay tuned for updates, code snippets, and a lot of learning. Let’s innovate together! 💻✨
Efficiently Managing Your Bed and Breakfast Menu with Python
Published: 2024-06-25 16:47:28

**_<u></u>_**

Managing a menu at a bed and breakfast can be a daunting task, especially when you need to keep track of various dishes, their categories, prices, and ingredients. This is where programming comes in handy. By creating a structured program in Python, you can efficiently manage and update your menu, ensuring that your guests always have the best dining experience. This blog post will guide you through the process of creating a Python program that uses a hash map (dictionary) to manage your menu items effectively.


The Python code for managing the menu items at a bed and breakfast uses a dictionary to store each menu item with a unique identifier. This allows for efficient lookups, additions, and updates to the menu. The primary data structure used is a dictionary, where each key is a unique item_id and the value is another dictionary containing details about the menu item such as name, category, price, and ingredients.

To ensure persistent storage, the menu data is saved to a JSON file. This means that even if the program is closed, the data can be easily reloaded and used again. This approach provides a robust solution for managing menu items, enabling you to maintain an up-to-date and organized menu effortlessly.

Operations such as adding new items, updating existing items, and retrieving specific items are straightforward with this setup. For example, adding a new item involves assigning a new item_id and updating the dictionary, while updating an item might involve changing the price or stock quantity. The efficiency of dictionary operations in Python makes this an ideal choice for menu management.


Using a Python program to manage your bed and breakfast menu not only streamlines the process but also ensures accuracy and efficiency. By storing the menu items in a dictionary, you can quickly access, update, and save the menu data. This approach saves time and reduces errors, allowing you to focus on providing an excellent dining experience for your guests. Check out the full code on GitHub and start managing your menu effortlessly today!

Githublink;

C:\Users\rayan\OneDrive\Documents\GitHub\Developer.py
Day 29 of my progress as a vue dev
Tags: webdev, vue, typescript, tailwindcss
Published: 2024-06-25 16:36:35

**About today**
Today was a minor caveat in the flow I was following prom the past few days and I think it happened because I was extremely sleep deprived and tired mentally. I felt a little down because the thought of not utilizing the day fully but also I understand that it might be helpful in me going for the days coming.

**What's next?**
I still have some work pending on my last landing page which I will try my best to complete tomorrow and that's it for now, I guess will plan further when I'm past this.

**Improvements required**
I have to streamline my efforts towards my routine and do things constantly that I find productive and not let go of them for a long while.

Wish me luck!