A structured, hands-on repository covering full stack web development through practical implementations across frontend, backend, database integration, and React based application development.
Each module focuses on learning core concepts through real code, structured exercises, mini projects, and system-oriented implementations.
- HTML5
- CSS3 (Flexbox, Grid, Responsive Design)
- Bootstrap
- JavaScript (DOM, Events, Validation)
- React.js
- Formik
- Ant Design
- Node.js
- Express.js
- REST API Development
- MongoDB
- Mongoose
| Module | Description |
|---|---|
| 01 - HTML | Semantic structure, forms, and basic web pages |
| 02 - CSS | Layout systems, Flexbox, Grid, and responsive design |
| 03 - Bootstrap | Responsive UI components and layouts |
| 04 - JavaScript | DOM manipulation, events, validation, and logic building |
| 05 - Node.js | Fundamentals, modules, event loop, file handling, and backend development concepts |
| 06 - Express | Routing, middleware, and REST API development |
| 07 - React | Components, hooks, state management, and UI development |
| 08 - MongoDB | Database integration, Mongoose schemas, and CRUD operations |
| 09 - Training Projects | Frontend layouts, validation, backend services, APIs, and dashboard implementations completed during structured training |
| 10 - React Data Workbench | Modular React application featuring authentication, mock APIs, data visualization, tables, and dashboard components |
- Frontend UI development
- Backend server architecture
- REST API development
- Database operations
- Authentication workflows
- React application architecture
- Data visualization and dashboard development
- Structured project organization
Open HTML files directly in the browser or run React applications using:
npm install
npm run dev