📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 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.

🛠 Built With

Tech Stack

Following technologies have been used in this project. HTML5, CSS, Javascript.

Client

• HTML 5
• CSS 3
• JavaScript5
• Webpack Framework
• Jest Library

Server

• Render

Key Features

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.

(back to top)

🚀 Live Demo

Live demo:

🚀 VIDEO WORKTHROUGH

https://drive.google.com/file/d/16d5OPOss--07UhexyyT_40wG6YmELh_y/view?usp=sharing

(back to top)

💻 Getting Started

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.

(back to top)

👥 Authors

Mention all of the collaborators of this project.

👤 Author1

• GitHub: @tanveerisonline

👤 Author2

• GitHub: @stevenmukama

(back to top)

🔭 Future Features

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.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you're committed to making the world a better place, please support our project.

(back to top)

🙏 Acknowledgments

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.

(back to top)

❓ FAQ

• [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.

(back to top)

📝 License

This project is MIT licensed.

_NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)