See lists and details of your favorite movies and series. It was developed for Academia Webjump, an internal educational program for new employees [1].
- Production: https://cinejump.lucasgabriel.com.br/
- Development: https://dev.cinejump.lucasgabriel.com.br/
- Storybook: https://storybook.cinejump.lucasgabriel.com.br/
- Figma Layout: https://www.figma.com/file/um4dcEJCOlEvB6kCe9KCOD
- Figma Prototype: https://www.figma.com/proto/um4dcEJCOlEvB6kCe9KCOD/Cinejump?node-id=7185%3A17&scaling=scale-down-width
- ReactJS [2]
- Styled Components [3]
- Typescript [4]
- Storybook [5]
- Jest [6]
- Netlify [7]
- TMDB API [8]
- Clone this repo:
git clone [email protected]:90lucasgabriel/cinejump-web.git
- Access directory:
cd cinejump-web
- Install dependencies:
yarn
- Create and setup environment files:
/.env
REACT_APP_IS_PRODUCTION=true
REACT_APP_API_URL=https://cinejump-api.herokuapp.com
REACT_APP_TMDB_API_URL=https://api.themoviedb.org/3
REACT_APP_TMDB_API_KEY=YOUR_OWN_TMDB_API_KEY
REACT_APP_TMDB_IMAGE_URL=https://image.tmdb.org/t/p
/.env.development
REACT_APP_IS_PRODUCTION=false
REACT_APP_API_URL=https://cinejump-api-dev.herokuapp.com
REACT_APP_TMDB_API_URL=https://api.themoviedb.org/3
REACT_APP_TMDB_API_KEY=YOUR_OWN_TMDB_API_KEY
REACT_APP_TMDB_IMAGE_URL=https://image.tmdb.org/t/p
- Run
yarn start
- Access (Browser)
localhost:3000
[1] Webjump - Avaiable on https://webjump.com.br/;
[2] React - Avaiable on https://reactjs.org/;
[3] Styled Components - Available on https://styled-components.com/;
[4] Typescript - Available on https://www.typescriptlang.org/;
[5] Storybook - Available on https://storybook.js.org/;
[6] Jest - Available on https://jestjs.io/docs/en/tutorial-react;
[7] Netlify - Available on https://www.netlify.com/;
[8] TMDB API - Available on https://www.themoviedb.org/;