πŸš€ Basic React

Master React Through Mini Projects

🎨

Background Changer

A dynamic color changer that demonstrates React state management and event handling. Perfect for beginners to understand useState hooks.

React useState CSS
Open Project β†’
πŸ”

Password Generator

Generate secure random passwords with customizable options. Learn component logic, string manipulation, and user interaction patterns.

React Hooks Logic
Open Project β†’
πŸ’±

Currency Converter

Real-time currency conversion with live exchange rates API. Master API integration, custom hooks, and asynchronous data fetching.

React API Custom Hooks
Open Project β†’
πŸ—ΊοΈ

Router Navigation

Complete routing implementation with multiple pages and navigation. Understand React Router v6, nested routes, and layout persistence.

React Router Navigation Multi-page
Open Project β†’
🎭

Mini Context

User authentication context implementation. Learn Context API fundamentals, providers, and global state management in React.

Context API Provider State
Open Project β†’
πŸŒ“

Theme Switcher

Dynamic light/dark theme switching using Context API. Advanced Context patterns, dynamic styling, and state persistence.

Context Theming useContext
Open Project β†’