https://github.com/chelmerrox/capstone-2
The Tasty Dishes site where users can view, like & comment on their favorite dishes. Built with HTML, CSS, vanilla JavaScript, Webpack, Meals API & the Involvement API.
https://github.com/chelmerrox/capstone-2
api collaborative css3 git-flow github-actions html5 javascript meals microverse node-js npm pair-programming remote tasty-dishes webpack
Last synced: 6 months ago
JSON representation
The Tasty Dishes site where users can view, like & comment on their favorite dishes. Built with HTML, CSS, vanilla JavaScript, Webpack, Meals API & the Involvement API.
- Host: GitHub
- URL: https://github.com/chelmerrox/capstone-2
- Owner: chelmerrox
- Created: 2022-09-05T13:09:55.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-09-10T12:07:24.000Z (about 3 years ago)
- Last Synced: 2023-03-04T02:25:45.420Z (over 2 years ago)
- Topics: api, collaborative, css3, git-flow, github-actions, html5, javascript, meals, microverse, node-js, npm, pair-programming, remote, tasty-dishes, webpack
- Language: JavaScript
- Homepage: https://raw.githack.com/chelmerrox/capstone-2/main/dist/index.html
- Size: 1.13 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tasty Dishes
> The Tasty Dishes site that users can view, like & comment on their favorite dishes. Built with HTML, CSS, JavaScript, Webpack, Meals API & the Involvement API.
## Built With
- HTML5
- CSS3
- JavaScript
- Webpack
- Meals API
- Involvement API
- Postman
- Jest
- JestDom
- CommonJS
- Git
- Medium fidelity wireframe
## Preview
## Live Demo
[Live Demo Link from ./dist/index.html](https://raw.githack.com/chelmerrox/capstone-2/comments-feature/dist/index.html)
## Video Presentation
[Our Video Presentation](https://drive.google.com/file/d/1R6wwocIbzp8Oh8GlGcyJuGoUYgHLJgbO/view?usp=sharing)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- HTML5 & CSS3
- JavaScript
- Webpack
- VSCode (or any other text editor)
- Git
- GitHub
- Command line/Terminal
### Setup
From the command line, do the following steps below:
1. Clone the projects' repository into your machine.
```bash
# Clone this repository
$ git clone git@github.com:chelmerrox/capstone-2.git
```
2. Change directory/Go into the repository with the command below.
```bash
$ cd capstone-2
```
3. Run this command.
```bash
$ npm run build
```
4. Run this to deploy the site on your local machine.
```bash
$ npm start
```
---------------------------------------------------------------------------------------------------------------------
### Instructions to disable CORS/Web security to see the site
1. For Windows OS & Google Chrome Browser, open your Windows Command prompt
2. Navigate to the file path where chrome.exe file exists
a. Either in this file path
```bash
$ C:\Program Files (x86)\Google\Chrome\Application
```
b. Or this file path
```bash
$ C:\Program Files\Google\Chrome\Application
```
3. To disable CORS & Web security to be able to see the site, run this command in the CMD. It opens a new unsecure instance of Google Chrome browser.
```bash
$ chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security
```
4. Paste in the url of the site in the new unsecure instance (new window) of Google Chrome. (Use either the local host or the live version url provided)
## Author
👤 **Losalini Rokocakau**
- GitHub: [@chelmerrox](https://github.com/chelmerrox)
- Twitter: [@chelmerrox](https://twitter.com/chelmerrox)
- LinkedIn: [Losalini Rokocakau](https://linkedin.com/in/losalini-rokocakau)
## Collaborators
👤 **Shakhrizoda Yusupova** | GitHub: [@shyusu4](https://github.com/shyusu4)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/chelmerrox/capstone-2/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Our God & families
- Microverse
- Morning Session Teams
- Stand-Up Team
- Microverse TSEs
- [Meals API Documentation](https://www.themealdb.com/api.php)
- [Involvement API Documentation](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270)
## 📝 License
This project is [MIT](./MIT.md) licensed.