Skip to content

Ramen Restaurant Website This project is a fully responsive, front-end restaurant website designed for a Japanese ramen brand specialising in delivery-only service.

Notifications You must be signed in to change notification settings

jalgabriel/guaramen

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🍜 Ramen Restaurant Website

This project is a fully responsive, front-end restaurant website designed for a Japanese ramen brand specializing in delivery-only service.

🌟 Features

  • Responsive design (mobile-first)
  • Interactive navigation with hamburger menu
  • Dynamic menu filtering (All / Ramen / Chashu Rice Plates)
  • Integrated β€œOrder Now” buttons linked to an external delivery provider
  • Modern gallery with hover and grid effects
  • Well-structured About section (Intro, Mission & Vision, Goals)
  • Contact form UI (non-functional)
  • Built with semantic HTML5, modern CSS3 (Flexbox & Grid), and vanilla JavaScript

🧰 Tech Stack

  • Frontend: HTML | CSS | JavaScript (ES6+)
  • Design: CSS Flexbox & Grid | Font Awesome Icons
  • Deployment: GitHub Pages

πŸš€ Live Demo on GitHub Pages

πŸ”— https://jalgabriel.github.io/guaramen/

πŸ› οΈ Installation & Usage

You can run this website locally by following these steps:

bash
# 1. Clone the repository
git clone https://github.com/jalgabriel/guaramen.git

# 2. Navigate into the project folder
cd YOUR_REPO_NAME

# 3. Open index.html in your browser

πŸ§‘β€πŸ’» Author

Jal Gabriel | πŸ’Ό Freelance JavaScript & Node.js Developer | 🌐 Portfolio Website: https://jalgabriel.github.io/portfolio-website/

About

Ramen Restaurant Website This project is a fully responsive, front-end restaurant website designed for a Japanese ramen brand specialising in delivery-only service.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published