Projects I Built and What I Learned

Fullstack

Student Management System

A student and course management system with JWT authentication, CRUD features, and separate user/admin roles.

Tech: ReactJS, NodeJS, ExpressJS, MySQL

What I learned

• How to build login and protected routes with JWT.
• How to connect frontend forms with backend APIs.
• How role-based access works for admin and normal users.

Real-time Fullstack

BlogNestx2 (Real-Time Full-Stack Blogging Platform)

A blogging platform with user authentication, post subscriptions, and live notifications.

Tech: React.js, Express.js, MongoDB, Socket.io, Passport.js

What I learned

• How real-time notifications work using Socket.io.
• How to manage users, posts, and subscriptions.
• How MongoDB stores flexible blog content.

Fullstack

Airline Management System

An airline management system with admin/user roles and a planned booking system.

Tech: TypeScript, ReactJS, NestJS, MySQL

What I learned

• How TypeScript improves structure in larger projects.
• How NestJS separates controllers, services, and modules.
• How booking logic can be planned before full development.

Fullstack

Skin Care Clinic

A clinic website with sign up, login, and appointment booking features.

Tech: React.js, Bootstrap, Express.js, MySQL

What I learned

• How to design booking flows for users.
• How to store appointment data in a database.
• How Bootstrap helps build clean responsive pages.

AI Web App

RephraseAI - Smart Text Rewriter

A web app that rewrites messages in friendly, professional, or concise tones using AI. It keeps message history and allows quick copying.

Tech: React, Material-UI, Node.js, Express.js, ApiFreeLLM

What I learned

• How to connect an AI API with a frontend app.
• How to manage message history in the interface.
• How tone options improve user experience.

React Practice

React Projects

A collection of small React projects including countdown timer, FAQ, EMI calculator, and custom modal.

Tech: Bootstrap5, React

What I learned

• How React components can be reused.
• How state changes update the user interface.
• How small projects improve frontend logic.

Task App

To-do App

A task management app where users can add, edit, delete, mark done, and prioritize tasks.

Tech: ReactJS, Bootstrap5

What I learned

• How to manage lists using React state.
• How edit and delete actions affect stored data.
• How to make simple apps easier to use.

PWA

SoulSync-Personal Reminder App

A minimalist Progressive Web React app to track quizzes, assignments, and exams with local storage and calendar view.

Tech: ReactJS, Bootstrap5

What I learned

• How local storage keeps user data in the browser.
• How calendar views help organise deadlines.
• How PWA-style apps can feel close to mobile apps.

JavaScript

JS Small Projects

A set of small JavaScript projects including calculator, image slider, BMI calculator, and clock.

Tech: HTML, CSS, JavaScript

What I learned

• How DOM selection and event listeners work.
• How JavaScript changes page content.
• How small logic-based projects build confidence.

Backend

PHP Login Feature

A PHP login feature with admin/user login, profile editing, and password handling.

Tech: HTML, PHP, MySQL

What I learned

• How server-side login works in PHP.
• How user records are stored and updated in MySQL.
• Why password handling matters in backend systems.

Socket.io

Chatting Site

A real-time chatting site with random usernames and dual-screen testing.

Tech: Bootstrap, Socket.IO, Express JS

What I learned

• How Socket.io sends messages instantly.
• How frontend and backend communicate in real time.
• How to test chat features across two browser screens.