🍋 Little Lemon Booking Website

A responsive restaurant booking application built with React as part of the Meta Front-End Developer specialization on Coursera. This project demonstrates component-based architecture, client-side routing, form handling, and basic testing — all centered around a fictional restaurant, Little Lemon.

🎓 Built during the final capstone of Meta’s Front-End Development Track
🚀 Live Features: Table reservation form with validation and confirmation page
🧪 Tech Stack: React · React Router · Jest · React Testing Library

---

🧰 Tech Stack

• ⚛️ React 18 – SPA development with component-based architecture
• 🧭 React Router DOM – Page navigation without reloads
• 🎯 React Testing Library – Unit testing for components
• 🧪 Jest DOM – Enhanced DOM assertions
• 📦 react-scripts – Build & dev tools (CRA)
• 📝 Form Handling – Custom logic + controlled components
• 🌐 Responsive UI – Designed for mobile and desktop

---

🚀 Features

• 📅 Booking Form – Reserve a table with fields for date, time, guests, and occasion
• ✅ Form Validation – Prevents invalid bookings
• 📄 Confirmed Booking Page – Displays a confirmation message after successful submission
• 🧩 Reusable Components – Header, Footer, Navigation, Main content area
• 🌍 Routing – Page navigation using react-router-dom
• 🧪 Testing Setup – Ready to write tests using React Testing Library and Jest

---

📁 Project Structure

├── .gitattributes
├── .gitignore
├── package-lock.json
├── package.json
├── public/
│   ├── favicon.ico
│   ├── index.html
│   ├── littlelemon_logo.png
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
├── README.md
└── src/
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── components/
    │   ├── Booking.js
    │   ├── BookingForm.js
    │   ├── ConfirmedBooking.js
    │   ├── Footer.js
    │   ├── Header.js
    │   ├── Main.js
    │   └── Nav.js
    ├── images/
    │   ├── food1.avif
    │   ├── littlelemon_logo.png
    │   └── small_logo.png
    ├── index.css
    ├── index.js
    ├── reportWebVitals.js
    └── setupTests.js

⚠️ Limitations

• 🔒 Authentication and backend services are not implemented
  

• 📡 API functionality is mocked or static
  

• 🖼️ Design and assets follow project-supplied branding
  

📜 License

This project is licensed under the MIT License. See LICENSE for details.

🙋‍♂️ About the Developer

Ongun Akay, a Senior Full-Stack Developer with expertise across various technologies.

👀 I specialize in full-stack development with extensive experience in frontend and backend technologies. 🌱 Currently, I'm sharpening my skills in advanced concepts of web development. 💞️ I’m always open to exciting collaborations and projects that challenge my abilities. 📫 You can reach me at info@ongunakay.com.

🌐 Website: ongunakay.com
💼 LinkedIn: linkedin.com/in/ongunakay
🧑‍💻 GitHub: github.com/ongunakaycom
📬 Email: info@ongunakay.com

🤝 Contributions

PRs and feedback are welcome! This project was part of a learning journey — feel free to fork, contribute, or improve upon it.