https://github.com/j-winston/restaurant-page

A simple Javascript generated restaurant page bundled with webpack.
https://github.com/j-winston/restaurant-page

Last synced: 7 days ago
JSON representation

A simple Javascript generated restaurant page bundled with webpack.

• Host: GitHub
• URL: https://github.com/j-winston/restaurant-page
• Owner: j-winston
• Created: 2023-03-20T17:43:07.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-05T11:57:36.000Z (almost 2 years ago)
• Last Synced: 2024-11-14T17:33:42.953Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 8.62 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Restaurant Page for Big Mama Thornton's Cafe

![Selection_006](https://user-images.githubusercontent.com/102254727/230072271-e979e7a0-88b3-418e-a713-fae768c91352.png)

---

## Table of Contents

---

* Try It Out

* Introduction

* Technologies 

* Features 

* Inspiration

* Screenshots

### Try It Out, Here

---

[Have a look, here](https://j-winston.github.io/Restaurant-Page/)

### Introduction 

---

A simple, fictional restaurant app that leverages the power of webpack. It was completed for The Odin Porject in order to use webpack for bundling files and assets.  

### Technologies 

---

* Vanilla JS

* HTML5

* CSS3

### An Inside Look

---

* Vast majority of the app was generated using vanilla js

* All image and resource files are processed and bundled using webpack

* innerHTML was not used in any way to manipulate the DOM

### Inspiration 

---

My inspiration for "Big Mama T's Cafe" came from my both my experience with Big Mama Thornton's music and from eating soul food! I will never forget the first time I heard her version(the original) of "Hound Dog" and 

and saying to myself, "oh THIS is what it's supposed to sound like!".

On an aesthetic note, I wanted to front page to appear like an album cover. 

On a technical note, I could see the benefit of bundling with webpack, and I wanted to really dig in and give it a shot. All resources were handled with webpack loaders.

### Difficulties

---

There were some pretty epic difficulites in getting gh pages to properly display images while hosting the app. Finally, I realized that after updating/rebuilding

the app, the subtree 'gh-pages' itself, needed to be pushed (again) to github vs pushing the main branch and expecting some magic to happen.