Git Product home page Git Product logo

artorys / mymovielist Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 1.37 MB

Feito para descobrir novos filmes,filtrando por plataformas de streaming,gêneros e pesquisa de filmes.avaliações do usuário e comentários também são possíveis,utlizando-se uma api para o consumo dos filmes e uma fake api para o gerenciamento da parte de usuário.

Home Page: https://mymovielist-artorys.vercel.app/

TypeScript 98.66% HTML 1.02% CSS 0.24% JavaScript 0.07%
axios createcontext json-server react react-hook-form react-intersection-observer react-player react-router-dom swiper typescript

mymovielist's Introduction

MyMovieList

Deploy : https://mymovielist-artorys.vercel.app/

Feito para descobrir novos filmes,filtrando por plataformas de streaming,gêneros e pesquisa de filmes.avaliações do usuário e comentários também são possíveis,utlizando-se uma api para o consumo dos filmes e uma fake api para o gerenciamento da parte de usuário.

🚀 Começando

crie uma pasta e clone o repositório.

No diretório do projeto,crie um terminal e execute:

yarn

Isso irá instalar as dependências necessárias para a execução do projeto.

Após instalar as dependências, execute o build do projeto:

yarn start

Executa o aplicativo no modo de desenvolvimento em conjunto do vite. Abra http://localhost:3000 para visualizá-lo em seu navegador.

A página será recarregada quando você fizer alterações. Você também pode ver erros de lint no console.

📋 Pré-requisitos

Ambiente de desenvolvimento(IDE) - Visual Studio Code

🛠️ Construído com

  • axios : Utilizado para trabalhar com requisições e respostas http.
  • styled-components : Utilizado para estilização de componentes react.
  • MUI : Utilizado para agilizar na criação de componentes,ja que esta biblioteca possui muitos componentes pré- fabricados.
  • createContext e useContext : Para englobar uma página ou componente específico e poder o usar o contexto criado.
  • react-hook-form e yup : Para registrar informações de formulários e suas validações,respectivamente.
  • react-router-dom : Para administrar as rotas em sua aplição.
  • react-player : Gerenciar os trailers e videos em sua aplicação.
  • useState : feito para gerenciar seu estados de maneira declarativa e performática.
  • swiper : Agilizar na criação e utilização de um carrosel de imagens com diversas configurações.
  • react-intersection-observer : Utilizado para criar o scroll infito de filmes.
  • JSON-SERVER : Feito para criar uma api fake,hospedada na heroku,com rotas de fácil acesso para login e registro.

📌 Versão

Em desenvolvimento....

mymovielist's People

Contributors

artorys avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.