Critix - Frontend

   

Indices

• Sobre o Projeto
• Tecnologias Utilizadas
• Estrutura do Projeto
• Configuração é Execução
• Principais Funcionalidades
• Capturas de Tela
• Contribuições
• Licença

📌 Sobre o Projeto

O Critix é uma plataforma de avaliação de filmes e séries. O frontend foi desenvolvido com React e consome a API do backend para fornecer uma experiência dinâmica e interativa aos usuários.

🚀 Tecnologias Utilizadas

                   

📂 Estrutura do Projeto

critix-frontend/
│-- public
│-- src/
│   ├── components/
│   ├── screens/
│   ├── api/
│   ├── stories/
│   ├── contexts/
│   ├── hooks/
│-- .env
│-- docker-compose.yml
│-- Dockerfile
│-- package.json
│-- tailwind.config.js
│-- README.md

🛠️ Configuração e Execução

1️⃣ Clonar o Repositório

git clone https://github.com/wallacemt/squad-17-frontend
cd squad-17-frontend

2️⃣ Instalar Dependências

npm install

3️⃣ Rodar a Aplicação com Docker

docker-compose up --build -d

A aplicação estará disponível em http://localhost:3000

4️⃣ 4️⃣ Rodar a Aplicação Manualmente (Sem Docker)

npm run dev

`

📌 Principais Funcionalidades

• Autenticação JWT
• Feed dinâmico de avaliações
• Watchlist personalizada
• Interação via curtidas, comentários e compartilhamentos
• Animações fluidas e transições elegantes
• Responsividade e acessibilidade

🖼️ Screenshots

• Aréa de Login

 

• Feed

 

• Recomendation Card

 

• Review Card

 

• WatchList

 

• User Page

 

• Outhers Users Page

 

• User Tier Rank

 

• Media Page

   

• Search Page

 

• FAQ Page

 

• Notification Page

 

🛠 Contribuição

Ficou interessado em contribuir? Faça um fork do repositório, crie uma branch, implemente a melhoria e envie um pull request. Toda ajuda é bem-vinda!

1. Fork the repository.

2. Clone your forked repository to your local machine.

3. Create a branch for your feature or fix:

   git checkout -b my-new-feature

4. Commit your changes:

   git commit -m 'Add new feature'

5. Push your changes to your fork:

   git push origin my-new-feature

6. Create a Pull Request.

📜 Licença

Este projeto está sob a licença MIT.