TOP-restaurant

This is a Lab which is part of The Odin Project curriculum, in which a simple Restaurant page must be developed using webpack and npm. You can take a look at my other labs here.

How it looks

🔗 Live Demo

Getting Started

1. Clone the project

git clone https://github.com/Silinde87/top-restaurant.git

2. Install dependencies

npm install

3. Start a live demo using:

npm start

Built with

Technologies

• HTML
• CSS
• JavaScript
• Webpack

Tools

• Visual Studio Code
• Linux terminal
• Git and GitHub
• npm

Third party code

• Bootstrap
• Google Fonts
• Font Awesome

Outcome

• Responsive design.
• Used HTML5 semantic elements for better readibility and structure.
• Added comments wherever necessary.
• Used CSS3 flex to create layout.
• Used CSS Variables.
• Used git and GitHub for project management.
• Tried to maintain code clean, neat and understandable.

Summary

🚀 What I've learn

• To make use of ES6 Modules (through npm and webpack) for project management.
• What is npm and how install, use and uninstall packages.
• Implement a Bootstrap's Carousel.
• A lot of minor things.

Author

• Github: Silinde87
• LinkedIn: Pau Rodríguez