https://github.com/ab-noori/javascriptcapstone
Awesome movies is a JavaScript-based project that utilizes ES6 syntax, async/await, and follows best practices to build single page apps. The project ensures code quality through unit tests, code reviews, and Gitflow version control.
https://github.com/ab-noori/javascriptcapstone
es6-modules html-css-javascript jest-tests kanban-board restful-api scss webpack5
Last synced: 7 months ago
JSON representation
Awesome movies is a JavaScript-based project that utilizes ES6 syntax, async/await, and follows best practices to build single page apps. The project ensures code quality through unit tests, code reviews, and Gitflow version control.
- Host: GitHub
- URL: https://github.com/ab-noori/javascriptcapstone
- Owner: ab-noori
- License: mit
- Created: 2023-03-27T16:36:24.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-01T14:16:33.000Z (over 2 years ago)
- Last Synced: 2025-03-01T02:21:32.469Z (7 months ago)
- Topics: es6-modules, html-css-javascript, jest-tests, kanban-board, restful-api, scss, webpack5
- Language: JavaScript
- Homepage: https://ab-noori.github.io/JavaScriptCapstone/dist
- Size: 2.4 MB
- Stars: 18
- Watchers: 1
- Forks: 0
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> # Amazing Movies
| Project Veiw Screenshots|
|---------------------------------------|
|
|
|
|
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
> **[Amazing Movies]** is a web application based on a TVmaze API to displays data about TV series and movies. A user can comment, like, and also view information about the movie
- **[Fetch and send data to an API]**
- **[Save and retrieve likes, comments]**
- **[Dynamic data]**
- **[Unit testing using jest enviroment]**
> - [Live Demo Link](https://ab-noori.github.io/JavaScriptCapstone/dist/)
> - [Introduction to Project](https://drive.google.com/file/d/1y3x6D4IaNynZK6jFlNIcal2iAfAt08bo/view?usp=sharing)
To get a local copy up and running, follow these steps:
### Prerequisites
In order to run this project you need:
- A browser of you choice.
- A text editor of your choice.
- An installed node.js on your local system
### Setup
Clone this repository to your desired folder:
- Use the following Commands:
cd your-desired-folder
git clone git@github.com:ab-noori/JavaScriptCapstone.git
### Install
Install this project with:
- You can deploy this projec on hosting provider of your choise or you can deploy it on github pages.
### Usage
- Use following commands to run on your local system:
npm run build
npm run dev
### Run tests
- Run the following script and style test:
npm test
npx eslint .
npx stylelint "**/*.{css,scss}"
### Deployment
You can deploy this project using:
- Free deployment services like GitHub pages.
- Any deployment services of your choice.
👤 **Abdul Ali Noori**
- GitHub: [@ab-noori](https://github.com/ab-noori)
- Twitter: [@AbdulAliNoori4](https://twitter.com/AbdulAliNoori4)
- LinkedIn: [abdul-ali-noori](https://www.linkedin.com/in/abdul-ali-noori-384b85195/)
👤 **Frank Mugagga**
- GitHub: [@githubhandle](https://www.github.com/FrankMugagga)
- Twitter: [@twitterhandle](https://www.twitter.com/@mugagga_frank)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/frank-mugagga-17658225a)
- [ ] **[Add mobile menu]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/ab-noori/JavaScriptCapstone/issues).
If you like this project, give it a star.
We would like to thank Microverse and our coding partners.
- **How to make it mobile friendly?**
- Put a viewport tag in the header
- **How to design the site?**
- Draw a mockup before start to code
This project is [MIT](./LICENSE) licensed.