los-pollos-hermanos is a website featuring a fanpage of the infamous Gus Fring's notorious fast-food chain. It well utilizes Webpack's module bundling and is primarily built on HTML, SCSS, and vanilla JavaScript.
Sources for images, fonts, and assets used in the making of this website can be found in the "Background" section below.
Click here for a live deployment of the website on GitHub Pages.
For those that would like to locally use and/or edit the repository, follow the steps below:
- Clone the repository with
https://github.com/FrancisLangit/los-pollos-hermanos/or download it as a.zipfile. - To view the website, navigate to wherever the repository has been cloned in your local machine and open up
dist/index.htmlon your preferred web browser.
Navigate through the website using the three links right under the page's banner. In the doing of such you'll learn wonderful things about Los Pollos Hermanos and their wonderful array of delicacies.
This project was created in partial completion of The Odin Project's Full-stack JavaScript Curriculum, particularly in submission of its Restaurant Page project assignment.
The main challenge presented was to create a website featuring any restaurant of choice primarly using Webpack to bundle the repository's files. Moreover, it was also prompted for developers to construct such while using minimal HTML. As such, should one have a look at the index.html file of repository, one will find that it contains next to nothing as most of the website's content creation can be found in its JavaScript files.
Image files can be found in the src/data/images folder of the main branch's repository.
| Image Filename | Source |
|---|---|
bannerLogo.png |
Link |
restaurantFacade1.jpeg |
Link |
restaurantFacade2.jpg |
Link |
restaurantFood.jpg, restaurantMascot.jpg |
Link |
It is also worth noting that the source of Gus Fring's photo in our README.md banner above can be found here.
Font files can be found in the src/data/fonts folder of the main branch's repository.
| Font Filename | http://www.lphishiring.com/Source |
|---|---|
GoblinOneRegular.ttf |
Link |
OpenSansRegular.ttf |
Link |
Cells under "Page" column below refer to the text in their respective tabs on the actual website.
| Page | Source | What was sourced? |
|---|---|---|
| Home | Link | Quote from Gus Fring. |
| Menu | Link | Names and descriptions of menu items. |
| About | Link1, Link2 | Text from "Our History" and "Our Culture & Values" pages. |
Feel free to submit an issue should a bug be found when utilizing the application. One is also welcome to forward a pull request should they seek to introduce a change.