Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/billymohajeri/capstone-project-02
The Star Wars Movies Collection is an app that pulls from the API and shows movies details. Users can like movies and add comments for them. Built with HTML5, CSS3, JavaScript, Jest and Webpack.
https://github.com/billymohajeri/capstone-project-02
css html javascript jest webpack
Last synced: 3 months ago
JSON representation
The Star Wars Movies Collection is an app that pulls from the API and shows movies details. Users can like movies and add comments for them. Built with HTML5, CSS3, JavaScript, Jest and Webpack.
- Host: GitHub
- URL: https://github.com/billymohajeri/capstone-project-02
- Owner: billymohajeri
- Created: 2023-01-01T22:21:13.000Z (about 2 years ago)
- Default Branch: dev
- Last Pushed: 2024-05-09T21:39:16.000Z (9 months ago)
- Last Synced: 2024-10-28T11:50:20.035Z (3 months ago)
- Topics: css, html, javascript, jest, webpack
- Language: JavaScript
- Homepage: https://billymohajeri.github.io/Capstone-Project-02/dist/
- Size: 5.13 MB
- Stars: 8
- Watchers: 0
- Forks: 1
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [🎥 Presentation](#video-link)
- [💻 Getting Started](#getting-started)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📺 Presentation](#presentation)
- [📝 License](#license)
In this project, My partner and I recreated a simple wireframe template for a Movie Site. This simple web page was built using Webpack, fetching data from APIs and serving it by a Webpack dev server.
# Major languages
- HTML
- CSS
- JS
- Jest
## Technologies used:
- Webpack
- VSCode
- git
- GitHub
- Gitflow
- [Movies API](https://search.imdbot.workers.dev)
- [Involvement API](https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/apps/)
- Like a movie
- Create a comment for a movie
[Live Demo Link](https://billymohajeri.github.io/Capstone-Project-02/dist/)
[Presentation about this project](https://drive.google.com/file/d/1hF0MsWRuWlcS675bkk-NotW1CzaY-anz/view?usp=share_link)
To get a local copy up and running, follow these steps:
### Prerequisites
In order to run this project you need:
- Code Editor: VS Code
- Web Browser
- Node
- Git
### Setup
- Clone the repository
- Change the directory into the project folder
Example commands:
```sh
git clone [email protected]:billymohajeri/Capstone-Project-02.git
cd Capstone-Project-02/
```
### Install
Install this project with:
Example command:
`npm install`
### Usage
To run the project, execute the following command:
`npm run build`
`npm start`
### Run tests
To run tests, run the following command:
Example command:
`npm test`
👤 **Billy Mohajeri**
- GitHub: [@BillyMohajeri](https://github.com/billymohajeri)
- Twitter: [@BillyMohajeri](https://twitter.com/BillyMohajeri)
- LinkedIn: [@BillyMohajeri](https://www.linkedin.com/in/billymohajeri)
👤 **Emmanuella Adu**
- GitHub: [@elarhadu](https://github.com/elarhadu/)
- Twitter: [@elarh\_](https://twitter.com/elarh_)
- LinkedIn: [Emmanuella Adu](https://www.linkedin.com/in/emmanuella-adu/)
- Add a mobile version
- Add a search for other movies or series options
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project, you can support me by giving a ⭐.
We want to thank all of our code reviewers for giving us constructive feedback.
This project is [MIT](./LICENSE/MIT.md) licensed.