https://github.com/raihancarder/restaurant-page

Restaurant Page made with Js, HTML/CSS
https://github.com/raihancarder/restaurant-page

css html javascript webpack

Last synced: 3 months ago
JSON representation

Restaurant Page made with Js, HTML/CSS

• Host: GitHub
• URL: https://github.com/raihancarder/restaurant-page
• Owner: raihanCarder
• Created: 2025-07-07T22:14:26.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-08T21:26:33.000Z (12 months ago)
• Last Synced: 2025-07-30T20:46:11.020Z (11 months ago)
• Topics: css, html, javascript, webpack
• Language: JavaScript
• Homepage:
• Size: 13.2 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Restaurant Page

This project I focused on making my entire DOM in Javascript and making my code modular by using Webpack. This project helped me learn how to use Webpack to bundle all my files and how to use Import/Export in Javascript.

## Features

- Navigate through the pages which include: Home/Menu/About

- Full Menu with picture and information

- Map in About section to help you find the restaurant!

- Clean and Modern UI

[Live Demo](https://raihancarder.github.io/restaurant-page/)

## Screenshots

![Home Page Screenshot](./src/images/screenshot1.png)

![Menu Page Screenshot](./src/images/screenshot2.png)

![About Page Screenshot](./src/images/screenshot3.png)

##  Prerequisites

- [Node.js](https://nodejs.org/) (v14 or higher recommended)

- npm (comes with Node)

## Installation

1. Clone the repo  

   `git clone https://github.com/raihanCarder/restaurant-page.git`

2. Navigate to the folder  

   `cd restaurant-page`

3. Install Dependencies with `npm install` in terminal.

4. Build Project with `npm run build` in terminal. 

5. Open dist/index.html in browser or preview with VS Live Server.

## Tech Stack

- Javascript

- HTML

- CSS

- Webpack

Created by Raihan Carder(https://github.com/raihanCarder)  

Feel free to reach out!