https://github.com/lasithaamarasinghe/foody

Foody is a modern restaurant website built with HTML, CSS, JavaScript and Flask.
https://github.com/lasithaamarasinghe/foody

css3 flask html5 javascript resturent-website sqlite3

Last synced: 28 days ago
JSON representation

Foody is a modern restaurant website built with HTML, CSS, JavaScript and Flask.

• Host: GitHub
• URL: https://github.com/lasithaamarasinghe/foody
• Owner: LasithaAmarasinghe
• Created: 2025-01-22T11:20:46.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-03-23T04:04:25.000Z (about 1 month ago)
• Last Synced: 2025-03-23T04:19:17.564Z (about 1 month ago)
• Topics: css3, flask, html5, javascript, resturent-website, sqlite3
• Language: CSS
• Homepage:
• Size: 13.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🍽️ Foody - Restaurant Website

Welcome to **Foody**, a modern and responsive restaurant website built with **HTML**, **CSS**, **JavaScript** and **Flask**. 

This project showcases a clean and elegant design, featuring sections for LogIn, Registration, About Us, Menu, Contact Us, Location, Special Offers and Testimonials.

## 📌 Registration Page



## 🔐 Login Page



## ℹ️ About Us



## 🥗 Appetizers



## 🍽️ Main Courses



## 🍰 Desserts



## 🎁 Offers & Feedback



## 📞 Contact Us



## ✨ Features

- **User Authentication**: Secure login and registration system using Flask and SQLite.

- **Responsive Design**: The website is fully responsive and works seamlessly on all devices.

- **Interactive Menu**: Displays appetizers, main courses, and desserts in a clean, grid-based layout.

- **Contact Form**: Allows users to send messages directly from the website.

- **Google Maps Integration**: Displays the restaurant's location using an embedded Google Map.

- **Carousel**: A rotating image carousel in the **About Us** section.

- **Hover Effects**: Interactive hover effects on menu items and buttons.

- **Modern Glassmorphism UI Design**: The registration and sign-up pages feature a sleek, frosted-glass effect.

## 🛠️ Technologies Used

- **HTML5**: For structuring the website.

- **CSS3**: For styling and layout.

- **JavaScript**: For interactivity (e.g., carousel, form submission).

- **Flask**: For backend development and server-side logic.

- **SQLite**: For managing the database and storing user information.

- **Google Maps API**: For displaying the restaurant's location.

![html5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![css3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![js](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![flask](https://img.shields.io/badge/Flask-000000?style=for-the-badge&logo=flask&logoColor=white)

![SQlite](https://img.shields.io/badge/Sqlite-003B57?style=for-the-badge&logo=sqlite&logoColor=white)

## 🎥 Demo

Here’s a quick demo of the **Foody** app:

[![▶️ Watch the demo](https://github.com/user-attachments/assets/8e030ecc-6eb6-4a71-9735-ddafb312d0c5)](video_link)

## 🚀 Setup Instructions

1. Clone the repository:

   ```sh

   git clone https://github.com/LasithaAmarasinghe/Foody.git

   ```

2. Navigate to the project directory:

   ```sh

   cd Foody

   ```

3. Install dependencies:

   ```sh

   pip install -r requirements.txt

   ```

4. Run the Flask application:

   ```sh

   python app.py

   ```

5. Open 🌍 `http://127.0.0.1:5000/` in your browser to access the website. 🍽️🔥