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

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

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/miguelargentina/restaurant-page
• Owner: MiguelArgentina
• Created: 2021-05-19T15:01:50.000Z (over 3 years ago)
• Default Branch: develop
• Last Pushed: 2021-05-22T21:47:34.000Z (over 3 years ago)
• Last Synced: 2024-11-16T15:29:48.464Z (about 2 months ago)
• Language: JavaScript
• Size: 11 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

## Project: Restaurant Page

## Features

- All the elements in the DOM are added using Javascript

## Screenshots

![screenshot](screenshot.png)

## Built With

- HTML5

- CSS3

- Javascript (ES6)

## Live Demo

Visit the [Restaurant Page](https://flamboyant-ride-be0a79.netlify.app/)

## Prerequisites

- Internet browser compatible with HTML5, CSS3 and Javascript ES6

## Getting Started

- Open your terminal - Windows: `Win + R`, then type `cmd` | Mac: `Command + space`, then type `Terminal`

- Navigate to a directory of your choice using the `cd` command

- Run this command in your OS terminal: `git clone [email protected]:MiguelArgentina/restaurant-page.git` to get a copy of the project.

### - Installing packages:

- Navigate to the project's directory using the `cd` command

- Run `npm init -y` to initialize npm

- Run `npm install webpack webpack-cli --save-dev` to install webpack and webpack command line interface (the `--save-dev` option will install the package in development dependencies)

### - Building the bundle:

- 1)_ Run `npx run dev` to build the bundle without minifying the code

- 2)_ Run `npx run build` to create the bundle with minified code for efficient network usage

- 3)_ Run `npx run start` to create the bundle and start the server

## Usage

- If you built the bundle with options 1 or 2, go to the /dist directory and open the index.html file (it will be opened with the file protocol)

- If you built the bundle with option 3, open your browser and go to [http://localhost:8080/dist](http://localhost:8080/dist) to visit the site. The site will be opened with http protocol.

## Author

👤    **Miguel Ricardo Gomez**

- GitHub: [@MiguelArgentina](https://github.com/MiguelArgentina)

- Twitter: [@Qete_arg](https://twitter.com/Qete_arg)

- LinkedIn: [Miguel Ricardo Gomez](https://www.linkedin.com/in/miguelricardogomez/)

## Show your support

Give a   ⭐️    if you like this project!

## Acknowledgments

This project was based on this [The Odin Project](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript/lessons/restaurant-page) lesson