🍔 Foodies Frontend – Online Food Ordering UI

This repository contains the frontend application for Foodies, a full-stack food ordering platform built using React. The frontend consumes REST APIs from the Spring Boot backend and provides user and admin dashboards.

---

🚀 Features

• User & Admin login
• JWT-based authenticated requests
• Role-based dashboards
• Browse menu and manage cart
• Place orders and view order history
• Admin panel for managing food items & orders
• Responsive UI design
• Form validation & error handling

---

🛠️ Tech Stack

• React
• JavaScript (ES6)
• HTML5
• CSS3
• Axios
• React Router

---

📁 Project Structure

components/ → Reusable UI components
pages/ → Application pages
services/ → API calls
utils/ → Helper functions

---

⚙️ How to Run Locally

1. Clone the repository
   git clone https://github.com/ayushcode12/Foodies-Frontend.git

2. Install dependencies
   npm install

3. Start the app
   npm start

4. App runs at
   http://localhost:3000

---

🔗 Backend Repository

Backend code is available here:
https://github.com/ayushcode12/Foodies_Backend

---

📌 What I Learned

• React component architecture
• API integration with backend
• Authentication handling in frontend
• Routing & state management
• Building real-world UI flows

---

👨‍💻 Author

Ayush Jain
Java Full Stack Developer (Fresher)
GitHub: https://github.com/ayushcode12