La Baguette
Test it out!
Click HERE to go to Application
Description
Welcome to La Baguette, our very own thirty-seven star Michellin restaurant!
This site can be used to view the menu, ingredients, staff members, reports, seating available at the restaurant, and standing reservations.
As an employee, you have the ability to sign in and make modifications to the menu items, the ingredients, staff members, and reservations. Additionally, you will also have the ability to look at reports.
- Add or update menu items and the ingredients required to produce each entree. You can also add menu items.
- Add or erase ingredients from the Ingredients page. You also have the ability to edit any existing ingredients.
- As new members are hired to the team, laid off, or even get a promotion, you can add, erase, or update employee information.
- To make new or cancel existing reservations from the Reservations page, you will have to click on the single reservation. You can also edit existing reservations, but if the party size is greater than the number of seats available on the table, you cannot make the reservation. Additionally, the single reservation card will have the section number and the staff assigned to that reservation.
- Within reports, the user can look at total revenue, top 10 most popular menu items, and top 10 least popular menu items.
Technologies Used
- Axios 0.19.0
- Bootstrap 4.3.1
- CSS3
- SCSS 4.13.1
- ES6 modules
- ESLint 14.0.0
- Firebase 7.4.0
- HTML5
- JavaScript
- jQuery 3.4.1
- Moment.js 2.24.0
- Webpack 4.41.2
Screenshots
Home Page
Menu
Ingredients
Staff
Reports
Seating Chart
Reservations
Run this Project
- Clone down project from Github
- Add apiKeys from Firebase formatted identically to the
apiKeysExample.jsonfile - At the root, run the command
npm start - This should automatically redirect you to the local host, but if not, run
hs -p 8080, and in your browser, navigate to https://localost:8080