Giter Club home page Giter Club logo

benjtalkshow / hng-tasktwo Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.01 MB

The TMDB Movie App is an interactive movie application that retrieves movie data from The Movie Database (TMDb) API. It empowers users to delve into an extensive movie collection, access comprehensive movie details, and effortlessly search for their preferred films.

Home Page: https://hng10-task-two.netlify.app/

HTML 1.67% CSS 7.02% JavaScript 91.31%
hng-internship-10 react-vite

hng-tasktwo's Introduction

TMDB Movie App

The TMDB Movie App is an interactive movie application that retrieves movie data from The Movie Database (TMDb) API. It empowers users to delve into an extensive movie collection, access comprehensive movie details, and effortlessly search for their preferred films.

Notable Features

  • Explore an extensive array of movies sourced from TMDb.
  • Access comprehensive movie details including titles, release dates, synopses, and user ratings.
  • Perform movie searches by titles or keywords.
  • Enjoy a user-friendly and responsive design for a seamless browsing experience across various devices.

Getting Started

Follow these guidelines to configure and run the TMDB Movie App on your local machine.

Prerequisites

Make sure you have Node.js installed on your computer.

Installation

  1. Clone the repository:

    shellCopy code

    git clone https://github.com/Benjtalkshow/HNG-TaskTwo.git

  2. Navigate to the project directory:

    shellCopy code

    cd HNG_TaskTwo

  3. Install project dependencies:

    shellCopy code

    npm install

  4. Go to Home.js, Details.js file in the project's src/pages and insert your TMDb API key:

    plaintextCopy code

    API_URL = https://api.themoviedb.org/3/trending/movie/day?api_key=your_api_key_here`

    Replace your_api_key_here with your actual TMDb API key.

Usage

Initiate the development server:

shellCopy code

npm start or npm run dev

Open your web browser and access the application at http://localhost:3000.

Deployment

You have the option to deploy this application to platforms like Netlify, Vercel, or GitHub Pages.

Technology Stack

  • React: A JavaScript library for crafting user interfaces.
  • TMDb API: The Movie Database API for accessing movie data.

Contribution

Contributions to this project are highly encouraged! Please refer to the CONTRIBUTING.md file for details regarding our code of conduct and the procedure for submitting pull requests.

Licensing

This project operates under the MIT License. For additional information, consult the LICENSE.md file.

Appreciations

  • The Movie Database (TMDb) for generously providing movie data and access to their API.
  • The vibrant open-source community for their invaluable contributions to the tools and libraries applied in this project.

Contact me for future collaboration

Live link

https://hng10-task-two.netlify.app/

hng-tasktwo's People

Contributors

benjtalkshow avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.