https://github.com/rebaz36/capstone-m2-api
In this capstone project we're going to display information about the Studio Ghibli movies 🎬 using an API provided by Studio Ghibili
https://github.com/rebaz36/capstone-m2-api
api api-rest css javascript reactjs
Last synced: 3 months ago
JSON representation
In this capstone project we're going to display information about the Studio Ghibli movies 🎬 using an API provided by Studio Ghibili
- Host: GitHub
- URL: https://github.com/rebaz36/capstone-m2-api
- Owner: rebaz36
- License: mit
- Created: 2022-10-17T20:14:19.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-01T08:38:10.000Z (almost 3 years ago)
- Last Synced: 2025-01-15T19:45:07.667Z (9 months ago)
- Topics: api, api-rest, css, javascript, reactjs
- Language: JavaScript
- Homepage: https://rebaz36.github.io/Capstone-M2-API/
- Size: 4.41 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Capstone-M2-API
In this capstone project we're going to display information about the Studio Ghibli movies 🎬, the main objectives of this project are:
- Use JavaScript to make websites dynamic and build basic single page apps.
- Use ES6 syntax.
- Use ES6 modules.
- Use callbacks and promises.
- Use webpack.
- Apply JavaScript best practices and language style guides in code.
- Use AAA pattern for unit tests.
- Write units tests for a JavaScript app.
- Follow Gitflow.
- Solve simple git conflicts.
- Send and receive data from an API.
- Use API documentation.
- Understand and use JSON.
- Make JavaScript code asynchronous.
- Perform a code review for a team member.
## Built With
- JavaScript
- Webpack
- HTML and CSS
- Jest for testing
- [The Studio Ghibli API](https://ghibliapi.herokuapp.com/)
- [The involvement API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270) from Microverse.
## Live Demo
Live Demo is Up and Running [Live Demo](https://rebaz36.github.io/Capstone-M2-API/)
## Documentation Video
[Documentation Video](https://youtu.be/fKHEtu-bkOU)
## Getting Started
To get a local copy up and running follow these simple example steps:
### Prerequisites
To have a code editor like [Visual Studio Code](https://code.visualstudio.com/download) and [Git](https://git-scm.com/downloads) installed.
### Setup
To set up the project you can clone it:
``` git clone git@github.com:rebaz36/Capstone-M2-API.git ```
### Install
You will need to install [Node](https://nodejs.org/en/download/) after installing node, you should run:
``` npm install ```
### Usage
This project will display Studio Ghibli movies 🎬 and show information about this movies, you can also like and comment your favorites movies ❤, using an API this comments will be saved 💾 and when you open this project again you can see the likes 👍 and comments 📑 you gave.
### Deployment
To deploy this project locally you should run:
```npm start ```
This will open you project in your default browser.
## Authors
👤 **Author1: Rebaz Farid**
- GitHub: [@rebaz36](https://github.com/rebaz36)
- Twitter: [@rebaz415](https://twitter.com/rebaz415)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/rebazf/)
👤 **Author2: Oscar Fernandez Muñoz**
- GitHub: [@OscarFMdev](https://github.com/OscarFMdev)
- Twitter: [@OscarFMdev](https://twitter.com/OscarFMdev)
- LinkedIn: [LinkedIn](https://linkedin.com/in/OscarFMdev)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
We want to thank:
- The [The Studio Ghibli API](https://ghibliapi.herokuapp.com/) for being the core of this project content.
- The [Studio Ghibli](https://www.studioghibli.com.au/) for the inspiration for this project
## 📝 License
This project is [MIT](./MIT.md) licensed.