Projects I Built and What I Learned

Fullstack Projects

5 Projects
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.

Frontend only Projects (React/Bootstrap)

3 Projects
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.

Basic / Vanilla JS Projects

1 Project
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 Projects

1 Project
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.

Real-time / Socket.io Projects

1 Project
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.