← Back

Project Detail

Foodies App - Full Stack Project

🍔 Foodies App

A full-stack Food Ordering Application built with modern web technologies. The project includes a frontend, backend API, and an admin panel to manage food items.

Foodies App Screenshot
Foodies App Screenshot
Foodies App Screenshot
Foodies App Screenshot
Foodies App Screenshot
Foodies App Screenshot

🚀 Features

Frontend (foodies)

  • Responsive food menu with categories and search.
  • Add-to-cart and checkout functionality.
  • User-friendly interface built with Vite + React.

Backend API (foodiesapi)

  • REST API for food items, categories, and orders.
  • Built with Java + Spring Boot (Maven).
  • Handles CRUD operations for food data.

Admin Panel (adminpanel)

  • Add, update, and remove food items.
  • View and manage orders.
  • Built with a modern frontend framework.

🧠 Tech Stack

  • Frontend: JavaScript, React, Vite, HTML, CSS
  • Backend: Java, Spring Boot, Maven
  • Database: MySQL / H2
  • Tools: Git, VSCode, Postman

📁 Project Structure

Foodies (Frontend)
foodies/
├─ dist/
├─ node_modules/
├─ public/
├─ src/
├─ .eslintrc.js
├─ .gitignore
├─ index.html
├─ package.json
├─ package-lock.json
└─ vite.config.js

foodiesapi (Backend)
foodiesapi/
├─ .idea/
├─ .mvn/
├─ src/
├─ target/
├─ .gitignore
├─ HELP.md
├─ mvnw
├─ mvnw.cmd
└─ pom.xml

adminpanel
adminpanel/
├─ dist/
├─ node_modules/
├─ public/
├─ src/
├─ eslint.config.js
├─ index.html
├─ package.json
├─ package-lock.json
└─ vite.config.js

⚙️ Installation & Run

Frontend (foodies & adminpanel)

cd foodies
npm install
npm run dev
          

Backend API (foodiesapi)

cd foodiesapi
./mvnw clean install
./mvnw spring-boot:run
          

The API will be available at http://localhost:8080