A curated assemblage of compact React applications built during my learning trajectory. Each project is a focused exercise that demonstrates practical application of core React concepts and incremental maturation in engineering judgment.
- Independent mini applications, each located in its own directory
- Concise, idiomatic JavaScript and component-driven structure
- Practical usage of essential React constructs:
- Component-based design and composition
- Hooks (
useState,useEffect, etc.) - Conditional and dynamic rendering
- Controlled forms and validation patterns
- List rendering with keys and iterative UI construction
- Lightweight state-management techniques
This repository functions as both a learning ledger and a professional artefact. It exhibits progressive skill acquisition, pragmatic problem solving, and attention to maintainability. The set is suitable for portfolio review by recruiters, collaborators, or peers wishing to appraise coding style and UI reasoning.
- Open the folder of the project you want to run
- Install dependencies:
npm install- Start the development server:
npm start- Open
http://localhost:3000in your browser (unless the project specifies another port)
Custom alert notification system for web apps
A mobile app marketplace interface with search, filtering, and category navigation
Schedule and manage appointments with add, edit, and delete functionality
Dynamic blog listing with search and category filters
Search and filter browser history records with timestamp display
ATM cash withdrawal simulator with denomination selection and balance tracking
Social media-style comment system with likes, replies, and character count
Travel destination explorer with dynamic search and filtering capabilities
Countdown timer with start, pause, reset controls, and visual progress indication
Event listing and management interface
Accordion-style frequently asked questions interface with expand/collapse behavior
Web app demonstrating data fetching and routing functionality
Image gallery with thumbnail grid, lightbox view, and category filtering
Display popular GitHub repositories with search and sorting options
Auto-complete search interface mimicking Google's suggestion dropdown
Character and word counter with real-time statistics display
Authentication interface with form validation and error handling
Personal finance tracker with income/expense CRUD operations and balance calculation
Authentication system with secure login and signup flows
Authentication system with secure login and signup flows
Protected routing system to restrict access based on authentication
Secure password storage app with CRUD operations and local persistence
Dynamic registration form with input validation and submission handling
Product/service review carousel with rating display and navigation controls
Web app demonstrating routing and navigation functionality
Classic todo list application with add, complete, and delete task functionality
- React (functional components + hooks)
- JavaScript (ES6+)
- HTML5 & CSS3 (Flexbox / Grid)
- localStorage, context API, or small libraries, depending on project
This collection is primarily a personal learning archive. Pull requests are welcome if you propose substantive improvements.
- Prefer small, focused commits and descriptive PR titles