Author: Saswat Rath
This repository contains all module-wise exercises completed as part of the Web Development curriculum.
Each exercise is organized into folders with clean and simple code, including HTML, CSS, JavaScript, and React projects.
Exercise-02/ → HTML Fundamentals
Exercise-03/ → CSS Basics
Exercise-04/ → CSS Layouts (Flexbox, Grid, Media Queries)
Exercise-05/ → Advanced CSS & UI
Exercise-06/ → JavaScript Basics
Exercise-07/ → JS Control Flow, Arrays, Objects
Exercise-08/ → ES6+ Features
Exercise-09/ → Asynchronous JavaScript
Exercise-10/ → DOM Manipulation
Exercise-11/ → React Basics (components, props, state)
Exercise-12/ → React Hooks & Routing
Exercise-13/ → Styling in React
Exercise-14/ → Final Capstone Project + Deployment
Each exercise contains:
index.html/style.css/script.js- Clear explanations inside the HTML pages
- Clean and minimal code suitable for beginners
- Console-based outputs where required
- Organized mini-projects (To-Do list, Calculator, Weather, API apps, etc.)
Just open the index.html file in any browser (Chrome recommended).
# Install dependencies
npm install
# Start development server
npm start
# Build for production
npm run build
# Install React Router
npm install react-router-dom
# Install Styled Components
npm install styled-components
# Install Material UI
npm install @mui/material @emotion/react @emotion/styled
# Install TailwindCSS
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -pThis repository demonstrates:
- Understanding of HTML semantic structure
- CSS styling and layouts
- Modern JavaScript (ES6+), DOM, Events
- Asynchronous programming (Promises, async/await, Fetch API)
- React components, props, hooks, routing
- UI design with advanced CSS & frameworks
- Final capstone: a fully deployed React application
Saswat Rath