Ultimate React Course

Forked from the amazing Jonas Schmedtmann's Ultimate React Course Repository.

This repository contains my learning progress and projects while following the Ultimate React Course by Jonas Schmedtmann.

📚 Course Projects

The course includes a variety of projects designed to teach React concepts step by step. Below is the list of projects covered in the course:

1. Pizza Menu

   • Concepts: Components, props, JSX

2. Travel List

   • Concepts: useState, state management

3. Eat-n-Split

   • Practice Project

4. usePopcorn

   • Concepts: useEffect, useRef, data fetching, custom hooks

5. Classy Weather

   • Concepts: Class components

6. Quiz App

   • Concepts: useReducer

7. WorldWise

   • Concepts: React Router, Context API, memo, useMemo, useCallback

8. Fast React Pizza

   • Concepts: React Router data loading, Redux, Redux Toolkit, thunks, Tailwind CSS

9. The Wild Oasis

   • Concepts: React Query, Styled Components, React Hook Form, Supabase, advanced compound component pattern, authentication, charts, dark mode, professional app planning & development

10. The Wild Oasis Website

    • Concepts: Next.js "app" router, React Server Components, server actions, authentication with NextAuth

---

🚀 My Progress

Here's an overview of the projects I'm currently working on and those I have completed:

Project Name	Status
Pizza Menu	✅ Completed
Travel List	✅ Completed
Eat-n-Split	✅ Completed
usePopcorn	✅ Completed
Classy Weather	❌ Not Started
Quiz App	✅ Completed
Worldwise	✅ Completed
Fast React Pizza	✅ Completed
The Wild Oasis	✅ Completed
The Wild Oasis Website	❌ Not Started

---

🌟 Features of the Course

• Step-by-step explanations of key React concepts.
• Real-world projects to apply what you learn.
• Coverage of modern tools and best practices in React development.
• Advanced topics like React Query, Redux Toolkit, and Next.js.

---

🛠 Tools and Technologies

• React: Frontend library
• Redux Toolkit: State management
• React Router: Navigation
• React Query: Data fetching and caching
• Vite: For faster React development
• Next.js: Server-side rendering and static site generation
• Styled Components: Styling
• Tailwind CSS: Utility-first CSS framework
• Supabase: Backend as a service

---

Feel free to explore my progress in learning React!