A custom multi-page website for a local coffee shop, built with Flask, HTML, CSS, and JavaScript.
Cafe is a web project created as a personal initiative to provide a digital solution for a local coffee shop. Inspired by modern cafe website templates, it was fully developed from scratch using Flask and Jinja templates. The website includes essential sections such as Home, Menu, About, Contact, as well as a custom 404 page and a Coming Soon placeholder.
- 📑 Multi-page site: Home, Menu, About, Contact
- 🍽️ Menu page designed with HTML & CSS for visual impact
- 📨 Contact page integrated with WhatsApp link
- ⏳ Coming Soon page for future features
⚠️ Custom 404 error page- 🎨 Responsive design using CSS and external libraries (Google Fonts, FontAwesome, Flatpickr)
- Backend: Flask (Python), Jinja Templates
- Frontend: HTML5, CSS3, JavaScript
- Libraries & Tools: Bootstrap-inspired structure, FontAwesome, Flatpickr
Cafe/
│── main.py
│── forms.py
│── requirements.txt
│
├── static/
│ ├── assets/images/
│ ├── index.js
│ └── styles.css
│
├── templates/
│ ├── base.html
│ ├── index.html
│ ├── menu.html
│ ├── about.html
│ ├── contact.html
│ ├── coming_soon.html
│ └── error_404.html
│
└── README.md
git clone https://github.com/fockus26/cafe.git
cd cafepip install -r requirements.txtpython main.pyThe app will run on: http://localhost:5000
This project was developed as a personal initiative to provide a professional online presence for a local coffee shop. While the client did not adopt it, the project demonstrates the ability to design and implement a fully functional multi-page website with Flask and responsive UI components. The highlight of the project is the Menu section, visually designed to reflect the cafe’s offerings.
- 🛒 Add an online ordering system
- 📩 Contact form with email notifications
- 🌐 Multilingual support (English / Spanish)
- 📱 Mobile-first redesign with Bootstrap or TailwindCSS
- 🗂️ Admin panel to manage menu items dynamically