Introduction
Today’s Full Stack Development class focused on setting up the development environment and understanding the basic tools required for modern web development.
We explored frontend, backend, deployment platforms, databases, and developer resources.
Platforms & Accounts Created
1.)vercel
Vercel is a cloud platform used for deploying frontend applications quickly and efficiently.
2.)Render
Render is a cloud hosting platform mainly used for backend deployment and APIs.
3.)DEV Community
Created a DEV Community account to document learning progress and technical blogs.
**
Developer Accounts Used
**
1.)Git Hub
GitHub is used for version control and project management.
2.)LinkedIn
LinkedIn helps developers build professional connections and showcase projects.
3.)Student Developer pack
- Accessed student benefits
- Explored free developer tools
_**
Node.js & NPM Setup
**_
Installed Node.js and verified installation.
Purpose
- Node.js allows JavaScript execution outside browsers.
- NPM helps install packages and dependencies.
REACT.JS
Created a React application and explored component-based frontend development.
Create new file as MY-REACT-APP
worked with React.js and learned about it.
Activities Done
- Created React project
- Understood JSX basics
- Designed a sample table UI
Node.js Server
Created a simple server.js file and executed backend code locally
Concepts Learned
- Server creation
- Localhost execution
- Backend basics
Created a calculator a small task
EXPRESS.JS
Installed Express.js and created a simple route-based server.
Craete file initialize with npm init
*What I Learned
*
- Backend routing
- Express server setup
- API basics
Worked with the Express.js
**
MONGO DB
**
Connected MongoDB Atlas with MongoDB Compass and performed CRUD operations.
CRUD Operations
- Create
- Read
- Update
- Delete
Conclusion
Today’s class provided a strong introduction to Full Stack Development by covering essential tools, deployment platforms, frontend basics, backend setup, and database connectivity.
The session helped build a foundational understanding of the MERN stack ecosystem.
Top comments (0)