https://github.com/braisc/tvdb-react

React practice project, fully coded and designed by me.
https://github.com/braisc/tvdb-react

framer-motion react react-router styled-components

Last synced: 11 months ago
JSON representation

React practice project, fully coded and designed by me.

• Host: GitHub
• URL: https://github.com/braisc/tvdb-react
• Owner: BraisC
• Created: 2020-07-31T19:36:04.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-02-10T23:47:08.000Z (over 4 years ago)
• Last Synced: 2025-02-21T04:33:58.363Z (over 1 year ago)
• Topics: framer-motion, react, react-router, styled-components
• Language: JavaScript
• Homepage: https://react-tv.braiscao.dev/
• Size: 3.55 MB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [TVDB-React](https://react-tv.braiscao.dev/)

![](https://img.shields.io/netlify/22f25a41-3dfa-4716-88ee-171a3345e7ec?label=Netlify&logo=netlify&style=flat-square)

![](https://img.shields.io/github/repo-size/BraisC/tvdb-react?logo=github&style=flat-square)

![](https://img.shields.io/website?down_message=Down&label=Status&style=flat-square&up_message=Online&url=https%3A%2F%2Freact-tv.braiscao.dev)

![](https://img.shields.io/badge/Powered%20by-React-61bdfb?logo=react&style=flat-square&logoColor=adbfb)

Project fully designed and coded by me from scratch in order to practice React.

Completely made using just hooks and the new context API

![Screenshot](https://raw.githubusercontent.com/BraisC/tvdb-react/master/thumbnail.png)

### [Link](https://react-tv.braiscao.dev/) to see it live

### Libraries and techs used:

 * [React](https://reactjs.org/) (Obviously)

 * [react-router-dom](https://reactrouter.com/web/guides/quick-start)

 * [styled-components](https://styled-components.com/)

 * [Framer Motion](https://www.framer.com/motion/)

### If you want to run this project locally in your computer follow this steps (you need Node installed):

* ##### Get an API Key on [TheMovieDB](https://www.themoviedb.org/documentation/api)

* ##### Clone or download the repo

* ##### From the root project folder execute this command

```shell

npm install

```

* ##### Create an .env.local file like this

```shell

REACT_APP_API = (put your TMDB API key here without quotes)

```

* ##### To launch a live server

```shell

npm start

```

* ##### To make a production build

```shell

npm run build

```