React Learning Journey 🚀

This repository contains various React projects and exercises demonstrating different aspects of React development. The repository is structured to showcase both learning materials and practical projects.

Repository Structure 📂

1. WeatherWise

A full-featured weather application that demonstrates:

• Real-time weather data fetching
• Material-UI integration
• API handling
• Responsive design
• Environment configuration

2. React Playground

A comprehensive demo application showcasing:

• Various React components (TodoList, Comments, Counter, etc.)
• State management patterns
• Form handling with Formik
• Error boundaries
• CSS Modules implementation

3. React State Class

Educational materials focused on React state management:

• Class components
• Functional components
• Hooks implementation
• State management patterns

Technologies Used 🛠️

• React 18
• Vite
• Material-UI
• Formik & Yup
• CSS Modules
• OpenWeather API
• Various React Hooks

Getting Started 🏁

Each project contains its own setup instructions. Generally, you can run any project using:

# Navigate to project directory
cd [project-directory]

# Install dependencies
npm install

# Start development server
npm run dev

Learning Path 📚

1. Begin with React Playground

   • Basic component structure
   • React Hooks fundamentals
   • Form handling

2. Explore React State Class

   • Understanding state management
   • Class vs Functional components
   • Advanced hooks usage

3. Practice with WeatherWise Project

   • Real-world application development
   • API integration
   • Styling and UI/UX implementation

Contributing 🤝

Feel free to contribute to any of the projects by:

1. Forking the repository
2. Creating your feature branch
3. Committing your changes
4. Opening a pull request

License 📄

This repository is licensed under the MIT License.

---

Made with ❤️ by Kasim | GitHub Profile