THE TASTEY RESTAURANT WEBSITE

Table of contents

• Project Developer
• Brief Description
• Visual Previews
• More Info!
  • Folder Contents
  • Built With
  • Links

Project Developer

• I am Oketade Oluwatobiloba, a Fullstack Developer in training. This restaurant themed website is a supposed website for a made up restaurant called 'Tastey'. It was supposed to be a school assignment but I ventured into it alone since the teacher was no longer interested. The goal for now is to finish the project as a form of practice.

Brief Description

This project includes html files, css files in a styles folder and js files in a scripts folder and the assets folder containing all the extra materials used in development for the web pages of a restaurant website for The Tastey Restaurant. It is a 5 page website but connected to each other by internal links. The Reservation page is still in the development phase. It is a personal project and I would really like to describe it as just practice as I experimented a quite Uncommon user interefaces.

Visusal Previews

Desktop view of the Tastey Preloader

Mobile view of the Tastey Preloader

Desktop view of the Tastey Landing Page

Mobile view of the Tastey Landing Page

Desktop view of the Tastey Manu

Mobile view of the Tastey Menu

Desktop view of the Tastey Shopping Bag

Mobile view of the Tastey Shopping Bag

Default view of the Tastey Mini Bag

Responsive view of the Tastey Mini Bag

Desktop view of the Tastey About Page

Mobile view of the Tastey About Page

Desktop view of the Tastey Contact Page

Mobile view of the Tastey Contact Page

More Info!

Folder Contents

• assets
  • audio
  • subtitles
  • tastey-archive-images
  • tastey-desserts-images
  • tastey-dining-video
  • tastey-drinks-images
  • tastey-food-themed-backgrounds
  • tastey-main-meal-images
  • tastey-meal-icons
  • tastey-meal-images
  • Tastey-previews
  • Tastey-reviewers
  • tastey-starters-images
  • videos
• JSON
  • tastey_archives.json
  • tastey_meals.json
• scripts
  • about.js
  • build-scroller.js
  • CRUD.js
  • fetch-archives.js
  • fetch-meals.js
  • footer.js
  • index.js
  • menu.js
  • mini-bag.js
  • service-worker-helper.js
  • toast.js
  • audio.js
  • video.js
  • TasteyManager.js
  • utils.js
• styles
  • about.css
  • contact.css
  • index.css
  • menu.css
  • required.css
  • scroll-bar.css
  • tastey-audio.css
  • tastey-video.css
• about.html
• contact.html
• index.html
• menu.html
• README.md
• success.html
• reservation.html
• Tastey_service_worker.js

Built with

• HTML5 markup
• CSS custom properties
• Flexbox
• Super Responsive Workflow
• Vanilla Javascript

Links

To view the live preview of this webpage, you can visit here or you can also visit here to view the github repository that houses this project