Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/luizfelipe9627/wakalery

Wakalery é um site fictício de fotografias da natureza, sendo meu primeiro projeto FullStack.
https://github.com/luizfelipe9627/wakalery

axios bycrypt eslint fastify nodejs prisma react-router-dom reactjs styled-components tsx typescript vitejs

Last synced: 8 days ago
JSON representation

Wakalery é um site fictício de fotografias da natureza, sendo meu primeiro projeto FullStack.

Awesome Lists containing this project

README

        

# Wakalery - Projeto FullStack

Apresentação do Wakalery

Bem-vindo ao Wakalery, seu portal para explorar e compartilhar fotografias incríveis da natureza! Este projeto é meu primeiro passo no mundo FullStack, combinando o poder do React e TypeScript no front-end com a robustez do Node.js com TypeScript no back-end.

- Backend(API): [Acessar a API](https://wakalery-api-users.onrender.com)
- Frontend: [Acessar o Deploy](https://luizfelipe9627-wakalery.netlify.app/login)

## Funcionalidades

- **Login de Usuários**: Faça login para acessar o conteúdo do Wakalery.
- **Cadastro de Usuários**: Cadastre-se para ter acesso total ao Wakalery.
- **Exploração de Fotos**: Explore as fotos mais recentes e populares do Wakalery.
- **Autorização de Usuários**: Apenas usuários autenticados podem ter total acesso as páginas do Wakalery.

## Tecnologias

### Frontend

- [React](https://pt-br.reactjs.org/)
- [React Router Dom](https://reactrouter.com/web/guides/quick-start)
- [Styled Components](https://styled-components.com/)
- [Axios](https://axios-http.com/)
- [ESLint](https://eslint.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vite](https://vitejs.dev/)

### Backend

- [Node.js](https://nodejs.org/en/)
- [Fastify](https://www.fastify.io/)
- [TypeScript](https://www.typescriptlang.org/)
- [Prisma](https://www.prisma.io/)
- [JWT](https://jwt.io/)
- [BCrypt](https://www.npmjs.com/package/bcrypt)
- [jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken)
- [MongoDB](https://www.mongodb.com/)
- [tsx](https://www.npmjs.com/package/tsx)

## Acesso Local

Para acessar localmente o projeto basta instalar e iniciar o projeto, siga os passos dos READMEs de cada pasta:

- [Backend](./backend/README.md)
- [Frontend](./frontend/README.md)

## Design

O design do Wakalery foi feito por [Wakasso](https://www.figma.com/@wakasso), e pode ser encontrado [aqui](https://www.figma.com/community/file/1185746292158267475).

## Autor e Licença

Este projeto foi desenvolvido por [Luiz Felipe Silva](https://github.com/luizfelipe9627), e está sob a licença MIT. Para mais informações, acesse o arquivo [LICENSE](./LICENSE).