This is a simple app based on my favourite dishes from Wagamama. Customers are able to add and remove items from the basket and place their order either by loggin in or as a new customer. When the order is placed, the customer receives a text message confirming it whilst the app displays a modal with the order number.
- Clone the project and run
npm install - Create your own local PostreSQL database instance and create the tables by running
pgwebnavigating to localhost:8081 and running the query in thedatabase.sqlfile. - Create a
.envfile with the following variables
DB_HOST=localhost
DB_NAME=
DB_USERNAME=
DB_PASSWORD=
- In order to receive confirmation texts from the app, also add the following variables to
.envfile:
TWILIO_ACCOUNT_SID=
TWILIO_AUTH_TOKEN=
TWILIO_FROM_NUMBER=
- Run
npm startto launch the app and navigate to localhost:8080 - Use
npm run dev -- --watchto build React - Navigate to
localhost:8080in your browser to view
- React
- PostgreSQL
- Node.js
- Express
- Handlebars
- SCSS
- Classnames
- Git
- Twilio
- Webpack
- Babel
- Menu items can be added, removed from the basket and increase/decreased in quantity
- Added menu items can be viewed in the basket menu with a breakdown of costs
- An order can be placed with order ID output and text message confirmation
- Return customers are able to log in
