Skip to content

milosdjurica/movies-nextjs

Repository files navigation

Forks Stargazers Issues MIT License LinkedIn


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
  2. Getting Started
  3. Usage
  4. Contributing
  5. Contact

About The Project

Movies Website

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).

  • Next
  • React
  • Tailwind CSS

(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)