https://github.com/tanveerisonline/show-time
This project is a movie app. In this project you can see the details of recent action movies, you can like the movie and you can add comments to a movie. This application calls an API to fetch data which is a movie Database API, created using pure Html5, Css3, ES6, and Webpack 5
https://github.com/tanveerisonline/show-time
api-rest css3 es6 html5 javascript webpack5
Last synced: 2 months ago
JSON representation
This project is a movie app. In this project you can see the details of recent action movies, you can like the movie and you can add comments to a movie. This application calls an API to fetch data which is a movie Database API, created using pure Html5, Css3, ES6, and Webpack 5
- Host: GitHub
- URL: https://github.com/tanveerisonline/show-time
- Owner: tanveerisonline
- License: mit
- Created: 2023-02-09T15:10:29.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-08-19T10:36:05.000Z (almost 2 years ago)
- Last Synced: 2025-01-21T04:32:05.905Z (4 months ago)
- Topics: api-rest, css3, es6, html5, javascript, webpack5
- Language: JavaScript
- Homepage:
- Size: 135 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: MIT-LICENSE.txt
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)
- [💻 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](#faq)
- [📝 License](#license)
# 📖 [Javascript group capstone]
> This project is a movie app. In this project you can see action movies that are recent, you can like the movie that you want, you can add comment to a movie.
> This application calls an Api to fetch data which is a movie Database api,created using pure Html5,Css3, ES6 and Webpack 5.
> This project is developed by using Html5 Css3 and ES-6 with Webpack 5.
> Here in this project you can see images of movies.
> Here in this project you can add new likes.
> Here in this project you can add new comments.
> Here in this project you can see the number of likes.
> This project has add comments functionality.
> This project has a popup when you click on the comments.
> This project is tested with Jest library.
> This project stores data in API.
> This project is totally bug free.
> Following technologies have been used in this project.
> HTML5, CSS, Javascript.
Client
Server
> This project is a movie app. In this project you can see recent action movies and likes the movie has.
> This application calls an movie Api to fetch data.
> This project is configured with webpack 5.
> This project is tested using Jest library.
> Live demo:
## 🚀 VIDEO WORKTHROUGH
https://drive.google.com/file/d/16d5OPOss--07UhexyyT_40wG6YmELh_y/view?usp=sharing
> This is how a new developer could make use this project.
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- [ ] A PC or Mac.
- [ ] An active internet connection.
- [ ] Some knowledge of git and github.
### Setup
Clone this repository by using the command line : git clone https://github.com/tanveerisonline/show-time.git
### Install
Install this project with:
Use npm install after cloning this project
### Usage
- [ ] First you need to download this repo or clone this repo.
- [ ] Open this project in your local machine.
- [ ] Open Terminal in your machine.
- [ ] run npm install in your terninal to install necessary required dependencies for this project.
- [ ] Copy index.html file path and paste it in your browser url.
- [ ] now the project will be running.
### Deployment
You can deploy this project using:
Github Pages.
> Mention all of the collaborators of this project.
👤 **Author1**
- GitHub: [@tanveerisonline](https://github.com/tanveerisonline)
👤 **Author2**
- GitHub: [@stevenmukama](https://github.com/stevenmukama)
> Following are a few features i will add to the project in future.
- [ ] I will add a database to this project in future where i can save user data.
- [ ] I will add more functionality to this project like searching, deleting etc.
- [ ] I will update the interface and design of the project in future.
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you're committed to making the world a better place, please support our project.
I would like to give credit to the following people who have inspired my codebase:
- [ ] The Whole Microverse Team - thank you so much for this great learning platform.
- **[Question_1]** What technologies i have used in this project ?
- [Answer_1]:Thanks for the question you can find the answer at the top section of this readme.md file where i have explained everything.
- **[Question_2]** Have you used webpack in this project ?
- [Answer_2] Yes i have used webpack 5 in this project.
This project is [MIT](./MIT-LICENSE.txt) licensed.
\_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish.