Movies Website

This application fetches data about movies and series from TMDB API and stores that information into different genres.
View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Contributing
5. Contact

About The Project

Project was created for learning purposes only. User interface is inspired by Netflix's UI. Fetches data about movies and series from TMDB API and stores that information into different genres. User can click on the movie and see more info about it. Users can also see trailers from YouTube for seleected movie/series.

(back to top)

Built With

Application is created using Next.js and TailwindCSS. For movies data I am using TMDB API (largest API for movies).

• 
• 
• 

(back to top)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

Before you can start your own copy of this app on your own machine, you will need to get API key from TMDB API.

• npm

  npm install npm@latest -g

Installation

1. Get a free API Key at https://developer.themoviedb.org/reference/intro/getting-started

2. Clone the repo

   git clone https://github.com/milosdjurica/movies-nextjs.git

3. Install NPM packages

   npm install

   Or

   yarn

4. Enter your API in .env

   NEXT_PUBLIC_API_KEY = "ENTER YOUR API KEY";

5. Start app in dev mode

npm run dev
#or
yarn dev

(back to top)

Usage

Now you should be able to start application in your local environment and see best movies sorted by genres. Have fun!

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Contact

Miloš Đurica - My LinkedIn - [email protected]

Project Link: https://github.com/milosdjurica/movies-nextjs

(back to top)

(back to top)