🌙 The Midnight Brew ☕

A cozy late-night café website where coffee meets creativity

Serving warmth, one cup at a time ☕✨

View Live Site • Features • Contributing • Report Bug

⭐ If you like this project, please give it a star! It helps us grow and improve. ⭐

📖 About The Project

Welcome to The Midnight Brew - a beautifully crafted website for a cozy late-night café. This project brings the warm, inviting atmosphere of a midnight café to the digital world, creating an immersive online experience for coffee lovers and night owls alike.

Whether you're craving a late-night espresso, looking for a quiet corner to work, or simply want to experience the charm of a mystical café from the comfort of your screen, The Midnight Brew website offers a delightful digital escape.

🎯 Purpose

This website serves as a digital storefront and online presence for The Midnight Brew café, showcasing:

Our unique café ambiance and atmosphere
Menu offerings and specialty drinks
Location and opening hours
Story behind the café
Online ordering and reservations (coming soon)

✨ Features

🎨 Design & User Experience

Responsive Design - Seamlessly adapts to all devices (desktop, tablet, and mobile)
Modern UI/UX - Clean, intuitive interface with smooth navigation
Dark/Light Mode Toggle - Switch between elegant dark and light themes with theme persistence
Smooth Animations - Subtle transitions and effects for enhanced user engagement
Accessibility - Built with accessibility standards in mind

☕ Core Features

Interactive Menu - Browse our coffee selections, pastries, and late-night snacks with beautiful imagery
About Section - Learn the story behind The Midnight Brew and what makes us special
Location & Hours - Easy-to-find information about where we are and when we're open
Gallery - Stunning photos capturing the café's cozy atmosphere
Contact Form - Get in touch with us for inquiries, feedback, or special requests
Social Media Integration - Connect with us across various platforms

🌟 Special Touches

Ambient Background - Subtle visual effects that capture the midnight café vibe
Coffee Quotes - Inspiring quotes about coffee and creativity
Newsletter Signup - Stay updated with special offers and new menu items
Events Calendar - Information about live music nights, poetry readings, and special events
Customer Reviews - Testimonials from our beloved patrons

🚀 Getting Started

Get The Midnight Brew website running on your local machine in just a few simple steps!

Prerequisites

All you need is a modern web browser! The website is built with pure HTML, CSS, and JavaScript - no complex dependencies required.

Recommended Browsers:

Chrome (latest)
Firefox (latest)
Safari (latest)
Edge (latest)

Installation

Clone the repository

git clone https://github.com/KrishnaSaxena108/The-Midnight-Brew.git

Navigate to the project directory
```
cd The-Midnight-Brew
```
Open the website

Simply open index.html in your preferred web browser!

🛠️ Built With

Frontend

HTML5 - Semantic markup and structure
CSS3 - Modern styling with Flexbox and Grid
JavaScript (Vanilla) - Interactive functionality without frameworks
Font Awesome - Icon library
Google Fonts - Typography
CSS Variables - Easy theme customization

Backend

Node.js - JavaScript runtime environment
Express.js v5.1.0 - Fast, unopinionated web framework
Morgan - HTTP request logger middleware
RESTful API - API architecture for data communication

🖥️ Backend Server

The Midnight Brew includes a fully functional Express.js backend server with RESTful API endpoints.

Quick Start

Install Dependencies
```
npm install
```
Start the Server
```
npm start
# or
node server.js
```

Server Running

Server: http://localhost:3000
API Docs: See BACKEND_INTEGRATION_GUIDE.md

Available Routes

📄 Frontend Pages (6 Routes)

GET / or /home - Homepage
GET /menu - Menu page
GET /booking - Booking page
GET /contact - Contact page
GET /about - About page

🔌 API Endpoints (10 Routes)

GET /api/info - Café information
GET /api/menu - Complete menu (12 items)
GET /api/menu/:category - Menu by category
GET /api/booking/timeslots - Available time slots
GET /api/featured - Featured items
GET /api/specials - Daily specials
GET /api/status - Server status
GET /api/health - Health check
GET /api/hours - Operating hours (text)
GET /api/welcome - Welcome message (text)

Features

✅ 10-Layer Middleware Stack

Morgan HTTP logger (file + console)
JSON body parser (10MB limit)
CORS headers
Security headers (XSS, clickjacking protection)
Request tracking with unique IDs
Response time monitoring
Custom detailed logging
Static file serving
Comprehensive error handling

✅ Error Handling

Enhanced 404 handler with structured responses
Global error handler with detailed logging
Error type detection (ValidationError, SyntaxError, etc.)
Stack traces in development mode only

✅ Process Management

Graceful shutdown on SIGTERM/SIGINT
Uncaught exception handler
Unhandled rejection handler

✅ Monitoring & Logging

HTTP access logs in logs/access.log
Detailed console logging
Request/response timing
Server status endpoint

API Examples

Get Menu

curl http://localhost:3000/api/menu

Get Menu by Category

curl http://localhost:3000/api/menu/pastries

Check Server Status

curl http://localhost:3000/api/status

Frontend Integration

// Fetch menu items
fetch('/api/menu')
  .then(res => res.json())
  .then(data => {
    console.log(data.data.items);
  });

Documentation

For complete backend documentation, see:

BACKEND_INTEGRATION_GUIDE.md - Complete routes & integration guide
MIDDLEWARE_ERROR_HANDLING_GUIDE.md - Middleware documentation
QUICK_REFERENCE_MIDDLEWARE.md - Quick command reference

🎨 Customization

Want to customize The Midnight Brew for your own café? Here's how:

Colors & Theme

Edit the CSS variables in css/style.css:

:root {
  --primary-color: #d4a574;      /* Gold accent */
  --secondary-color: #8b7355;    /* Brown accent */
  --dark-bg: #1a1a1a;            /* Dark background */
  --text-color: #e0e0e0;         /* Light text */
  --highlight: #f5deb3;          /* Highlight color */
}

Contact Information

Update contact details in contact.html and index.html footer.

🤝 Contributing

We welcome contributions from developers, designers, and coffee enthusiasts! Whether you want to fix bugs, add new features, improve design, or enhance documentation, we'd love your help.

Please read our CONTRIBUTING.md for detailed guidelines on how to contribute.

Ways to Contribute

🐛 Report bugs and issues
💡 Suggest new features or improvements
🎨 Improve design and UI/UX
🔧 Fix bugs and optimize code
📝 Improve documentation
🌍 Add multi-language support
♿ Enhance accessibility features
📱 Improve mobile responsiveness

🗺️ Roadmap

Upcoming features and improvements:

Online Ordering System - Order ahead for pickup
Reservation System - Book your favorite table
Loyalty Program - Rewards for regular customers
Blog Section - Coffee tips, recipes, and café stories
Live Chat Support - Real-time customer service
Multi-language Support - Reach international visitors
Events Booking - Reserve spots for special events
Gift Cards - Digital gift card purchasing
Mobile App - Native iOS and Android apps

See the open issues for a full list of proposed features and known issues.

🎯 Project Status

The Midnight Brew website is currently in active development. We're constantly improving the design, adding new features, and optimizing the user experience.

🌐 Deployment

This website is deployed on Vercel for optimal performance and reliability.

Deploy Your Own Version

Want to deploy your own version? Here's how:

Vercel (Recommended)

Fork this repository
Sign up for Vercel (free)
Import your GitHub repository
Deploy with one click!
Your site will be live instantly with automatic updates on every push

Alternative Platforms

The website can also be deployed on:

Netlify - Drag and drop deployment
GitHub Pages - Free hosting from GitHub
Firebase Hosting - Google's hosting solution
Surge - Simple static web publishing
Traditional Web Hosting - Upload via FTP/SFTP

📜 License

This project is currently not licensed. All rights are reserved by the project creator(s).

If you wish to use, modify, or distribute this code, please contact the repository owner for permission.

👥 Authors

Krishna Saxena - Creator & Developer - @KrishnaSaxena108

🙏 Acknowledgments

Inspired by the warm atmosphere of late-night cafés
Coffee culture and the art of brewing the perfect cup
The open-source community for tools and inspiration
All the coffee lovers who make projects like this meaningful
Font Awesome for the beautiful icons
Unsplash & Pexels for placeholder images (if used)

📞 Contact

Have questions or suggestions?

GitHub Issues - Report bugs or request features
GitHub Profile - @KrishnaSaxena108

💖 Support the Project

Love The Midnight Brew website? Here's how you can support us:

⭐ Star this repository - It really helps!
🍴 Fork the project and make it your own
🐛 Report bugs and issues
💡 Share your ideas and suggestions
🎨 Contribute improvements
📢 Share with fellow developers and café owners
☕ Grab a coffee and enjoy the site!

Made with 💜 and ☕ by passionate developers

The Midnight Brew - Where code meets coffee

⬆ Back to Top

Name		Name	Last commit message	Last commit date
Latest commit History 49 Commits
auth		auth
config		config
models		models
public		public
.gitignore		.gitignore
Readme.md		Readme.md
package-lock.json		package-lock.json
package.json		package.json
server.js		server.js

AzabadaudiyaZWS/Azaba-s_The-Midnight-Brew

Folders and files

Latest commit

History

Repository files navigation