Pardre Genos Pizza App

You can view demo here Padre Genos

I created this project while learning from the Complete Intro to React, v9 course on Frontend Masters.

This project is a modern, real-world React application, featuring advanced APIs, routing, data fetching, testing, and performance enhancements. The backend API is built with Fastify and SQLite, and the frontend uses React 18/19, TanStack Router, TanStack Query, Vite, ESLint, and Prettier.

---

📁 Repo Structure

• src/ – React frontend code
• api/ – Fastify backend API
• api/public/ – Static assets (CSS, images, fonts)
• api/pizza.sqlite – SQLite database

---

🛠️ API

The backend API source code is available here: padre_genos_api on GitHub.

---

🚀 Quick Start Locally

1. Clone the repo
2. uncomment the server and port from vite.config.js
3. Install dependencies in both root and api/
4. Start the API and frontend dev server

# In one terminal
cd api && npm install && npm start

# In another terminal
npm install && npm run dev

---

Enjoy exploring and learning from this full-stack React pizza app!

About the Course

Frontend Masters is a leading platform offering in-depth courses on web development, taught by industry experts. The course covers building real-world applications using modern React (versions 18 and 19), focusing on component UIs with JSX, hooks, effects, portals, and user-driven event handling. It also explores the React ecosystem with tools like TanStack Router, TanStack Query, Vite, ESLint, and Prettier. Testing fundamentals are introduced using unit tests, mocks, and browser-based tests with Playwright. The course concludes with upgrading to React 19, utilizing new features like form actions, suspense, and performance optimizations with the React Compiler.

---