Microverse-603-restaurant-page

KO | EN

gitlite — search

#javascript #python #ai #typescript #llm #go #android #rust #nodejs #windows #kubernetes #awesome-list #pytorch #open-source

Microverse-603-restaurant-page

(★ 10)

A breakfast restaurant page with client-side which allows users to toggle between the restaurant about page, menu, and contact information. Built with Javascript and Webpack.

Microverse-603-restaurant-page Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]

<br />
<p align="center">
  <a href="https://github.com/uryelah/Microverse-603-restaurant-page">
    <img src="public/img/mLogo.png" alt="Logo" width="80" height="80">
  </a>

<h3 align="center">Restaurant page -
  <a href='https://uryelah.github.io/Microverse-603-restaurant-page/#'> Live version</a></h3>

<p align="center">
    This project is part of the Microverse Javacript Section!
    <br />
    <a href="https://github.com/uryelah/Microverse-603-restaurant-page">Report Bug</a>
    ·
    <a href="https://github.com/uryelah/Microverse-603-restaurant-page">Request Feature</a>
  </p>
</p>

## Table of Contents

* [About the Project](#about-the-project)
  * [Installation](#installation)
  * [Built With](#built-with)
* [Contact](#contact)
* [Acknowledgements](#acknowledgements)

## About The Project

This project is a dynamically rendered restaurant page.
Each tab('home', 'contact', 'about', 'menu') is in its own javascript file at /src and imported to index.js to be rendered when a nav link is clicked. The adding and removing HTML from the page, as well as the entering and leaving CSS animation, are handled by the page factory methods from where each page is made.

## Installation

Download or clone the [repo here](https://github.com/uryelah/Microverse-603-restaurant-page.git), enter the directory in the terminal and run the commands:
* `npm i`
* `npm run start`
Your default browser should open the app at the localhost:8080

### Built With
This project was built using these technologies.
* HTML
* CSS3
* Vanila Javascript
* Webpack

## Contact

👤 **Sarah Uryelah Silva Chamorro**

- Github: [@uryelah](https://github.com/uryelah)
- Twitter: [@sarah_chamorro](https://twitter.com/sarah_chamorro)
- Linkedin: [Sharah Chamorro](https://www.linkedin.com/in/uryelah/)
- Email: [sarahchamorro@gmail.com](sarahchamorro@gmail.com)

## Acknowledgements
* [Microverse](https://www.microverse.org/)
* [The Odin Project](https://www.theodinproject.com/)
* [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[contributors-shield]: https://img.shields.io/github/contributors/uryelah/Microverse-603-restaurant-page.svg?style=flat-square
[contributors-url]: https://github.com/uryelah/Microverse-603-restaurant-page/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/uryelah/Microverse-603-restaurant-page.svg?style=flat-square
[forks-url]: https://github.com/uryelah/Microverse-603-restaurant-page/network/members
[stars-shield]: https://img.shields.io/github/stars/uryelah/Microverse-603-restaurant-page.svg?style=flat-square
[stars-url]: https://github.com/uryelah/Microverse-603-restaurant-page/stargazers
[issues-shield]: https://img.shields.io/github/issues/uryelah/Microverse-603-restaurant-page.svg?style=flat-square
[issues-url]: https://github.com/uryelah/Microverse-603-restaurant-page
[product-screenshot]: img/screenshot.PNG

Microverse-603-restaurant-page

Microverse-603-restaurant-page Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Microverse-603-restaurant-page

Microverse-603-restaurant-page Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README