https://github.com/devpbdias/app-trailers

Projeto pessoal para aprimoramento das minhas habilidades. Nesse mobile app, o usuário pode se cadastrar, logar, pesquisar filmes e editar informações.
https://github.com/devpbdias/app-trailers

axios carousel-slider hook-form mockup react-hooks typescript zod

Last synced: 10 days ago
JSON representation

Projeto pessoal para aprimoramento das minhas habilidades. Nesse mobile app, o usuário pode se cadastrar, logar, pesquisar filmes e editar informações.

• Host: GitHub
• URL: https://github.com/devpbdias/app-trailers
• Owner: DevPBDias
• Created: 2024-02-05T02:02:53.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-24T02:01:04.000Z (10 months ago)
• Last Synced: 2024-03-24T03:19:15.339Z (10 months ago)
• Topics: axios, carousel-slider, hook-form, mockup, react-hooks, typescript, zod
• Language: TypeScript
• Homepage:
• Size: 942 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Projeto App Trailers

**- Projeto Pessoal**

Aplicação oriunda de um dos projeto do curso de Ux design em que fiz o mockup do Figma e criei suas funcionalidades de acordo com o design do produto.

Link para o estudo de caso do [projeto App Trailer](https://ux-portfolio-pbdias.vercel.app/project/3)

Stack utilizada



  
Framework: React Hooks

  
Linguagem: Javascript, Typescript

  
Estilização: Styled-components

  
Formulários: React-hook-form, Zod

  
Bibliotecas: Swiper, React-slick

  
Data: Axios, Typescript-cookie



Funcionalidades



   
Cadastro do usuário

   
Redefinir senha

   
Ver informações do filme escolhido

   
Navegar entre tipos de conteúdo

   
Deletar conta

   
Adicionar novo filme para banco de dados

   
Alterar dados de usuário

   
Favoritar filme

   
Pesquisar por nome do filme



Aprendizados

 


  
Mockup de figma

   
Conexão entre back-end e front-end

  
Usar Mongodb Atlas como banco de dados

  
Criar carousel com bibliotecas diferentes

  
Criar seleção de favoritos

  
Criar filtro de pesquisa