This is the final project for the August 2017 cohort.
We were approched by a client who wanted a website for a restaurant, where customers can order food online and pick it up at the restaurant after 30 minutes.
The project was generated with Angular CLI version 1.5.0.
Visit the app Kimchistan.
In the first release we put focus on the basic requirement for a functional website, while still aiming to fit the clients conditions regarding the styling.
A customer can visit the website and get restaurant information, choose a dish with a specific ingredient, and pay for the order. After an order is placed and paid for, the kitchen receives an email with pick up and order details.
Other features:
- Displaying a map of the restaurant location
- Showing restaurant info in the footer
- Showing order instructions over the header background picture
- The order details show up in a sticky collapsable header after a product gets added to the cart
- In the cart header a user can remove from cart, clear cart, and pay with Stripe.
- Allowing a user to click a dish picture to open a modal with a larger picture and dish description
- Daily dishes rotates during Monday-Friday
- Unavailable dishes and ingredients are disabled and can't be added to cart
- The cart information is stored in localstorage so the page can get refreshed
- Localstorage gets cleared at midnight
We automatically deploy this app with Heroku and Surge through Github and Semaphore.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
MIT license
The entire project is comprised of open source code so a huge THANKS to the open source community. Built with help from the coaches and some cool gems.