FULL STACK -DAY 1

Sripriya Saravanan — Thu, 07 May 2026 15:42:53 +0000

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:

Server creation
Handling requests
Running backend applications

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

Addition
Subtraction
Multiplication
Division This mini-project improved my understanding of:
Functions
User input
Arithmetic operations
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

Signed into MongoDB Atlas
Selected FREE tier
Created deployment

** MongoDB Compass**

Opened MongoDB Compass
Copied Atlas connection string
Replaced password in the connection URL
Connected successfully
After connection, I performed simple CRUD operations:
Create
Read
Update
Delete

DEV Community: Sripriya Saravanan

FULL STACK -DAY 1