https://github.com/isaac-alencar/moviebox

App to list trending movies and select your favorites
https://github.com/isaac-alencar/moviebox

axios react-query react-router-dom reactjs redux-toolkit styled-components typescript

Last synced: 22 days ago
JSON representation

App to list trending movies and select your favorites

• Host: GitHub
• URL: https://github.com/isaac-alencar/moviebox
• Owner: Isaac-alencar
• Created: 2022-01-24T14:55:13.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-08-02T13:29:05.000Z (over 2 years ago)
• Last Synced: 2023-03-09T03:21:08.449Z (almost 2 years ago)
• Topics: axios, react-query, react-router-dom, reactjs, redux-toolkit, styled-components, typescript
• Language: TypeScript
• Homepage: https://zealous-hamilton-a54e0a.netlify.app/
• Size: 4.7 MB
• Stars: 7
• Watchers: 1
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



  

  


  


    MovieBox - Web app de listagem de filmes em alta

  

  


    Veja quais filmes estão em alta e marque-os como favorito

    para lembrar de assistir mais tarde.

  

  


    

    

    

  



[![Netlify Status](https://api.netlify.com/api/v1/badges/0de8de61-30ac-455e-99ce-5cd9d4c30b6a/deploy-status)](https://app.netlify.com/sites/zealous-hamilton-a54e0a/deploys)

# Layout  



  O layout to MovieBox foi fortemente inspirado nesse projeto do 

  Figma Community 

  tanto em UI quanto na sua style guide. Cheque o projeto e deixe um like





# 🚀 Basic setup

- register and create an API key on themoviedb.org (https://developers.themoviedb.org/3/getting-started/introduction)

- create an .env file in the root of project with the following content

 REACT_APP_API_KEY= 


# 🚀 Tecnologias

- [ReactJS](https://pt-br.reactjs.org/)

- [Typescript](https://www.typescriptlang.org/)

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

- [React-Loading-Skeleton](https://www.npmjs.com/package/react-loading-skeleton)

- [React-Icons](https://react-icons.github.io/react-icons/)

- [React-Router-Dom](https://reactrouter.com/web/guides/quick-start)

- [React-Query](https://react-query.tanstack.com/)

- [Redux-Toolkit](https://redux-toolkit.js.org/introduction/getting-started)

- [Axios](https://axios-http.com/)