Short React Projects

The home route serves as the welcoming entry point to the portfolio, featuring a clean and minimalistic design that immediately engages visitors.

Displays the main title 'Welcome to My React JS Projects' with a professional layout that sets the tone for the entire portfolio experience.

• Clean, minimalistic design for professional first impression
• Responsive layout that works seamlessly across all devices
• Immediate navigation access to all project routes
• Consistent branding and styling throughout the application

A dynamic theme-switching component that demonstrates React's state management capabilities and provides users with customizable visual preferences.

The interface displays 'Theme' as the main heading, followed by 'Dark/Light' toggle text and corresponding Sun/Moon icons for intuitive user interaction.

• Smooth theme transitions between dark and light modes
• Intuitive UI with clear visual indicators (Sun/Moon icons)
• Dynamic background color changes (bg-black or bg-white)
• Persistent theme state management using React hooks

A fully functional Tic-Tac-Toe game implementation that showcases game logic, state management, and user interaction patterns in React.

Players alternate between 'X' and 'O' symbols, with the game automatically detecting and displaying the winner upon completion of a valid winning pattern.

• Complete game logic with win condition detection
• Turn-based gameplay with visual feedback for current player
• Winner announcement with clear visual indication
• Restart functionality available at any point during gameplay

A simple yet elegant stopwatch application that demonstrates timer functionality, state persistence, and user control patterns in React applications.

Users can start, pause, and reset the stopwatch, with the reset functionality returning the timer to its initial 00:00:00 state for fresh timing sessions.

• Precise time tracking with millisecond accuracy
• Intuitive start/pause controls with clear visual states
• Reset functionality that returns to initial state
• Clean, readable time display format
• Responsive design for touch and click interactions

A task management application that implements basic CRUD (Create, Read, Update, Delete) operations, demonstrating practical data manipulation in React.

Users can add new tasks to the list and remove completed tasks, providing a simple yet effective task organization system for personal productivity.

• Add new tasks with instant list updates
• Delete functionality for task removal
• Persistent task state management
• Clean, organized list presentation
• Responsive input and interaction design

Built with modern React.js architecture, ensuring efficient client-side rendering and dynamic user interactions.

Utilizes modular CSS (folder.module.css) for scoped, maintainable, and responsive styling across all components.

• Modern React hooks for efficient state management
• React Router for seamless navigation between projects
• Modular CSS for scoped and maintainable styling
• Optimized image handling for performance
• Professional code structure and documentation