- Description
- User Stories
- Wireframe
- Structure
- Models
- Features
- Colors Used
- Testing
- Validator Testing
- Bugs
- Deployment
- Credits
- Content
For my project, I have created an ordering system for a burger restaurant called Brad's Burgers.
The idea of the ordering system is that when the customer arrives to the restaurant, they will make their order on a terminal.
The customer will first see the home screen which will prompt them to Place Order.
After Place Order has been selected, the screen will show a list of categories to choose from, Burgers, Sides and Drinks.
After selecting a category, the customer will have a choice of selecting from a list of the chosen category.
When the customer has finished with their order, they will see a table on the order page what they have ordered and the total cost.
The customer can remove items from the order list.
When they are happy with the order, the customer can select the Finish Order button which will dirict them to a final page displaying their order number.
The restaurant will then be able to see the orders that have been made along with the order number.
When the order is complete, the restaurant can mark the order as complete.
| As a | I want to be able to | so that I can |
|---|---|---|
| customer | select from a number of categories | order a meal |
| customer | view what I have ordered | see the total price before finishing my order |
| customer | select items from my order | remove item from the order list |
| restaurant worker | login to an account | edit product information |
| restaurant worker | view orders that have been made along with the order number | fulfill an order correctly |
| restaurant worker | mark which orders are complete | I don't make the same order twice |
Products
| Name | Key | Type | Other Details |
|---|---|---|---|
| name | CharField | max_length=50 | |
| price | DecimalField | max_digits=6, decimal_places=2 | |
| image_url | URLField | max_length=80 |
Orders
| Name | Key | Type | Other Details |
|---|---|---|---|
| number | CharField | max_length=3 | |
| name | CharField | max_length=100 | |
| total | DecimalField | max_length=10, decimal_places=2, default=0 | |
| date | DateTimeField | auto_now_add=True |
- Customer can order their meal by selecting from a number of categories
- Customer can view what they have ordered with the price of each item and a total price before finishing their order
- Customer can remove item from order list
- Customer will be given an order number after finishing their order
- Restaurant can view what orders have been made along side the order number in a dashboard
- Restaurant can mark which orders have been completed in the dashboard
- Restaurant can edit and remove items in product management
- Customer can make a payment with debit/credit card after completing order
- Customer can register their details and order/pay online
- Customer can have the option for home delivery
- Restaurant can show what items are out of stock
- Customer can customize their burger by selecting what they want on it from a number of sub-categories
| Color | Hex | Bootstrap name |
|---|---|---|
 |
#78C2AD | Primary |
 |
#F3969A | Secondary |
 |
#56CC9D | Success |
 |
#6CC3D5 | Info |
 |
#FFCE67 | Warning |
 |
#FF7851 | Danger |
 |
#F8F9FA | Light |
| File Name | File Path | Result | W3C | Error/Warning | Comment |
|---|---|---|---|---|---|
| base.html | /base.html | PASS | link | ||
| index.html | home/index.html | PASS | link | ||
| orders.html | orders/orders.html | PASS | link | ||
| orders_list.html | includes/order_list.html | PASS | link | ||
| burgers.html | products/burgers.html | PASS | link | 1 error | Fixed |
| sides.html | products/sides.html | PASS | link | ||
| drinks.html | products/drinks.html | PASS | link | ||
| product_management.html | products/product_management.html | ||||
| add_burger.html | products/add_burger.html | ||||
| add_side.html | products/add_side.html | ||||
| add_drink.html | products/add_drink.html | ||||
| confirmation.html | confirmation/confirmation.html | ||||
| success.html | confirmation/success.html | ||||
| dashboard.html | dashboard/dashboard.html |
| File Name | File Path | Result | W3C CSS | Error/Warning | Comment |
|---|---|---|---|---|---|
| base.css | orders/base.css | PASS | link |
| File Name | File Path | Result | JSHint | Comment |
|---|---|---|---|---|
| main.js | orders/main.js | PASS | link | |
| cart.js | orders/cart.js | link | ||
| orders.js | orders/orders.js | link |
| Issue | Comment |
|---|---|
| #55 | File "/workspace/brads-burgers/brads_burgers/settings.py", line 67, in 'DIRS': [TEMPLATES_DIRS], NameError: name 'TEMPLATES_DIRS' is not defined |
| Issue | Commit | File Name | Line | Comment |
|---|---|---|---|---|
| #55 | aff9f79 | settings.py | 65 | changed 'DIRS': [TEMPLATES_DIRS], to 'DIRS': [TEMPLATES_DIR], |
This project was deployed using Heroku
- Steps for deployment
- Create a Heroku app
- Change
DEBUGin settings.py toFalse - Link the Heroku app to the repository
- Click on deploy
Link to deployed site https://brads-burgers.herokuapp.com/
- Simen Daehlin (mentor) for help and advice
- Code Institute for the deployment instructions
- Wireframe created on https://whimsical.com/
- Bootstrap CDN sourced from https://bootswatch.com/minty/
- Images sourced from https://pixabay.com/
- BRADS BURGERS heading image created on https://www.graffiti-empire.com/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent
