Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/henrique0498/dogs-next
Uma rede social para cachorros.
https://github.com/henrique0498/dogs-next
css css-modules nextjs nextjs14 react typescript
Last synced: about 1 month ago
JSON representation
Uma rede social para cachorros.
- Host: GitHub
- URL: https://github.com/henrique0498/dogs-next
- Owner: Henrique0498
- Created: 2024-05-24T00:53:51.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-06-10T23:57:15.000Z (5 months ago)
- Last Synced: 2024-10-15T17:35:18.412Z (about 1 month ago)
- Topics: css, css-modules, nextjs, nextjs14, react, typescript
- Language: TypeScript
- Homepage: https://www.dogsnext.henriquelopes.dev.br
- Size: 395 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dogs - Rede Social para Cachorros
Bem-vindo ao Dogs, uma rede social dedicada aos amantes de cachorros! Este projeto foi desenvolvido utilizando o que há de mais novo no ecossistema Next.js, como parte de um curso de Next.js oferecido pela [Origamid](https://www.origamid.com/). Aqui, os usuários podem compartilhar fotos, histórias e interagir com outros donos de cachorros.
A versão de deploy do projeto está disponível em: [dogsnext.henriquelopes.dev.br](https://dogsnext.henriquelopes.dev.br)
- **Usuário**: dogs
- **Senha**: 1234
## Tecnologias Utilizadas
- **Next.js 14**: A estrutura principal do projeto, oferecendo renderização do lado do servidor, geração estática e um poderoso sistema de rotas.
- **CSS Modules**: Para estilização dos componentes com escopo local e prevenção de conflitos de nomes.
- **TypeScript**: Adição de tipagem estática ao JavaScript, proporcionando um desenvolvimento mais seguro e robusto.
- **Victory**: Biblioteca para criação de gráficos interativos e altamente personalizáveis.
- **Jose**: Utilizada para validação de tokens JWT, garantindo segurança na autenticação e autorização de usuários.
## Funcionalidades
- **Cadastro e Login**: Permite que os usuários se registrem e façam login na plataforma.
- **Postagens de Fotos**: Os usuários podem postar fotos dos seus cachorros.
- **Interação Social**: Os usuários podem comentar nas fotos de outros usuários.
- **Gráficos**: Exibição de gráficos de estatísticas sobre o uso da plataforma, como número de postagens e interações.
## Como Executar o Projeto
1. **Clone o Repositório**
```bash
git clone https://github.com/Henrique0498/dogs-next.git
cd dogs-next
```
2. **Instale as Dependências**
```bash
npm install
# ou
yarn install
```
3. **Execute o Projeto em Desenvolvimento**
```bash
npm run dev
# ou
yarn dev
```
Abra [http://localhost:3000](http://localhost:3000) no seu navegador para ver o resultado.
## Estrutura do Projeto
```plaintext
.
├── src
│ ├── components # Componentes reutilizáveis da aplicação
│ │ └── ComponenteExemplo
│ │ ├── index.tsx
│ │ └── ComponenteExemplo.module.css
│ ├── app # Páginas e rotas do Next.js
│ └── ... # Outros arquivos e diretórios
├── public # Arquivos estáticos
└── ... # Outros arquivos e diretórios na raiz do projeto