Movies box

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Usage
  • Deployment
• 🤝 Contributing
• ⭐ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)

Movies box📖

In this project, we will be working with real live data from the TMDB API. Our task is to build a web application that allows users to discover movies, search for them by title, view movie details, and save their favorite movies.

Key Features

• Responsive UI with a grid layout for movie posters.
• Movie search by title with loading indicator.
• Detailed movie information including title, release date, and runtime.
• Integration with the TMDB API for real-time movie data.

Built With

• HTML.
• css.
• JavaScript.
• React

Key Features

• React front-end framework
• Git-flow
• Es6 module

(back to top)

🚀 Live Demo

• You can check the live demo here

(back to top)

Getting Started

1. Install git, if you already have git installed skip this step.

2. Open the command terminal

3. Navigate to the directory you want the remote directory to be cloned to

4. Go to the GitHub and copy the URL of the repository

5. Clone the repository by typing git clone the URL copied in step 4

6. Hit enter on the keyboard

7. Navigate to the copy of your cloned repository using the cd command cd hngx-movieapp

Prerequisites

In order to run this project you need:

• Basic knowledge of HTML, CSS, JavaScript, and the code editor of your choice.
• Basic knowledge of the computer operating system.

Setup

Clone this repository to your desired folder:

Usage

To run the project, execute the following command:

npm install

To install all the dependencies used in the project: npm install

npm run build

To build this project from the source folder using webpack: npm run build

npm run start

In order to start a server and deploy the project locally: npm run start

Run tests

In order to run the tests, use the following command: npm run test

Deployment

You can deploy this project using: GitHub pages or any host of your choice

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐ Show your support

If you like this project please give it a ⭐.

(back to top)

🙏 Acknowledgments

I would like to thank HNGx for the opportunity to learn how to set up this project.

(back to top)

❓ FAQ (OPTIONAL)

• How will I set this project in a local machine

  • Run the following command in the terminal: git clone https://github.com/Power70/hngx-task02.git

• Which code editor should I use

  • You can use any editor of your choice but I recommend vs. code.

(back to top)

Movies box

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Usage
  • Deployment
• 🤝 Contributing
• ⭐ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)

Movies box📖

In this project, we will be working with real live data from the TMDB API. Our task is to build a web application that allows users to discover movies, search for them by title, view movie details, and save their favorite movies.

Key Features

• Responsive UI with a grid layout for movie posters.
• Movie search by title with loading indicator.
• Detailed movie information including title, release date, and runtime.
• Integration with the TMDB API for real-time movie data.

Built With

• HTML.
• css.
• JavaScript.
• React

Key Features

• React front-end framework
• Git-flow
• Es6 module

(back to top)

🚀 Live Demo

• You can check the live demo here

(back to top)

Getting Started

1. Install git, if you already have git installed skip this step.

2. Open the command terminal

3. Navigate to the directory you want the remote directory to be cloned to

4. Go to the GitHub and copy the URL of the repository

5. Clone the repository by typing git clone the URL copied in step 4

6. Hit enter on the keyboard

7. Navigate to the copy of your cloned repository using the cd command cd hngx-movieapp

Prerequisites

In order to run this project you need:

• Basic knowledge of HTML, CSS, JavaScript, and the code editor of your choice.
• Basic knowledge of the computer operating system.

Setup

Clone this repository to your desired folder:

Usage

To run the project, execute the following command:

npm install

To install all the dependencies used in the project: npm install

npm run build

To build this project from the source folder using webpack: npm run build

npm run start

In order to start a server and deploy the project locally: npm run start

Run tests

In order to run the tests, use the following command: npm run test

Deployment

You can deploy this project using: GitHub pages or any host of your choice

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐ Show your support

If you like this project please give it a ⭐.

(back to top)

🙏 Acknowledgments

I would like to thank HNGx for the opportunity to learn how to set up this project.

(back to top)

❓ FAQ (OPTIONAL)

• How will I set this project in a local machine

  • Run the following command in the terminal: git clone https://github.com/Power70/hngx-task02.git

• Which code editor should I use

  • You can use any editor of your choice but I recommend vs. code.

(back to top)