- � Table of Contents
- 📖 Restaurant Capstone Project
- 🛠 Built With
- 🚀 Live Demo
- 🎬 Representation
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgments
- ❓ FAQ (OPTIONAL)
- 📝 License
Restaurant Capstone Project is a simple online Restaurant Online webapp that shows different meals and has the capability of liking different food. You can also see the details of each meal in a popup window and add comments for each meal. The project is implemented using Javascript ES6 and webpack. It uses 'TheMealDB' for API calls.
Technology
- Display a Meals Menu
- Retrieves Different Meal Details using an API
- Add Comment to each meal
- Like Each Meal you like
- An implementation of this portfolio is live on Github Pages (to be updated)
- A representation of the project by Authors. Watch here
In order to reproduce the Leaderboard and be able to make changes for your own purpose you need the following tools:
- Visual Studio Code
- git-scm
- A Github account
- NodeJS (which also includes npm package manager)
- Make a new directory and go inside the directory using cd command in terminal
- Use "git" to clone this repository into your local drive:
$ git clone https://github.com/dev89s/restaurant-capstone-project
- Run the command to install all necessary dependancies:
npm install
- Feel free to experiment with the project.
- To build the project:
npm run build
- The
index.html
file indist
folder is the output file that you want to open in the browser. - To add tests or examine different tests that are alreadt available go to:
[root_dir]/src/modules/[modulename].test.js
You can deploy this project by opening a new github repo and initialize the local git repo and connect it through: $ git remote add origin main [your github repo link]
command.
Then you can push the project into that repository and if you go to the repository in your account, you'll see the code in the account.
👤 Sasan Moshirabadi
👤 Spencer Okyere
- GitHub: @skabeo
- Twitter: @black_okyere
- LinkedIn: LinkedIn
- Updated design with some styling: the desgin will improve.
- Mobile Version: mobile design will be implemented.
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project consider giving a star to the project and if you want to go furthur make a donation to any one the top 8 charities in Hawaii islands at the link below:
I would like to thank Microverse online web development school for providing the material and guidance that helped me created this app.
-
Is mobile first web design a necessity these days?
- Since 2014 mobile web users have surpassed desktop users and the rate of the new users being introduced to web by mobile devices will only increase by time.
-
Does the project support all platforms?
- Yes! Since it is based on web technology, any device that has a web browser will be able to see the website once it is online.
This project is MIT licensed.