Udemy React Projects

This repository contains a collection of react-powered applications I've built as part of Jonas Schmedtmann's Ultimate React Course: React, Next.js, Redux & more.

📦 Tech Stack

---

🔧 Projects Overview

the-wild-oasis-website - Hotel Booking Website

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

the-wild-oasis - Hotel Management Site

• React Query, Styled Components, React Hook Form, Supabase, advanced compound component pattern, authentication, charts, dark mode, professional application planning and development

fast-react-pizza - Pizza Ordering Site

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

worldwise - World Country Selector

• React Router, Context Api, Leaflet, memo, useMemo, useCallback

react-quiz - React Quiz

• useReducer

classy-weather - Weather App

• Class components, data fetching

usepopcorn - Movie Rating Gallery

• useEffect, data fetching, custom hooks

eat-n-split - Money Splitting App

• Practise project (incorporates travel-list and pizza-menu components)

travel-list - Travel Packing List

• useState, State Management

pizza-menu - Pizza Menu Graphic

• Components, props, JSX

---

🚀 How to Run

Below are the respective commands to start each project:

Project	Start Command(s)
pizza-menu travel-list eat-n-split usepopcorn classy-weather	npm start
react-quiz	npm start npm run server (for backend/API)
worldwise	npm run dev npm run server (for backend/API)
fast-react-pizza the-wild-oasis the-wild-oasis-website	npm run dev

Notes

• npm start – Starts the React development server (for Create React App projects).
• npm run dev – Starts the development server (for Vite/Next-based projects).
• npm run server – Starts the JSON server or API backend (run in a separate terminal).

---