FULL STACK -DAY 1

Today marks the beginning of my Full Stack Development journey...
I explored the fundamentals of modern web development and set up the tools required to build real-world applications.
*Tools & Platforms Installed *
✅ Vercel
✅ Render
✅ MongoDB Atlas
✅ MongoDB Compass
✅ React + Node.js Environment
First, I installed Node.js and verified the installation using Command Prompt.
Understanding the environment setup helped me learn how JavaScript runs outside the browser using Node.js.

React Setup Using Vite
Next, I created my first React project using Vite
Vite provides a faster and modern development environment for React applications.
After successful setup, my React application ran perfectly on localhost

After setup, my react app(in local host):

Creating My First Node.js Server

I created a file named:

server.js

Then I wrote a simple Node.js server and executed the code successfully.

This helped me understand:

1. Server creation
2. Handling requests
3. Running backend applications

Calculator Project
To practice JavaScript concepts, I created a simple calculator using Node.js.
The calculator performs:

1. Addition
2. Subtraction
3. Multiplication
4. Division This mini-project improved my understanding of:
5. Functions
6. User input
7. Arithmetic operations
8. Node.js execution Successfully getting the output. The output: Introduction to Express.js

I explored Express.js, a popular Node.js framework used to build web applications and APIs.
Steps Performed
Created a new folder:
myapp
Initialized Node project:
npm init
Installed Express.js:
npm install express
After installation, the node_modules folder was automatically created.
Then I created:
app.js
and executed the code successfully
This was my first step toward backend API development.

Then I created:"app.js"

The output is:

MongoDB & MongoDB Atlas
MongoDB Atlas

1. Signed into MongoDB Atlas
2. Selected FREE tier
3. Created deployment

** MongoDB Compass**

1. Opened MongoDB Compass
2. Copied Atlas connection string
3. Replaced password in the connection URL

4. Connected successfully
   After connection, I performed simple CRUD operations:

5. Create

6. Read

7. Update

8. Delete