Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brunocarvalhofeitosa/twitter-clone
Clone of Twitter made with Next,js, TailwindCSS, Prisma and MongoDB
https://github.com/brunocarvalhofeitosa/twitter-clone
Last synced: 4 days ago
JSON representation
Clone of Twitter made with Next,js, TailwindCSS, Prisma and MongoDB
- Host: GitHub
- URL: https://github.com/brunocarvalhofeitosa/twitter-clone
- Owner: BrunoCarvalhoFeitosa
- License: mit
- Created: 2023-10-12T20:57:00.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-04-29T20:54:51.000Z (7 months ago)
- Last Synced: 2024-04-29T22:12:05.229Z (7 months ago)
- Language: TypeScript
- Homepage: https://bruno-carvalho-feitosa-twitter-clone.vercel.app
- Size: 349 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Redesign da aplicação Twitter feito em Next.js, Prisma, MongoDB e TailwindCSS.
Sumário
## Sobre o projeto
O projeto é foi feito em Next.js, Prisma, MongoDB, TailwindCSS e contempla todas as funcionalidades básicas da aplicação real Twitter. Neste projeto, foi desenvolvida uma home page que dá opção ao usuário de fazer login ou cadastrar-se na plataforma. Para a funcionalidade de cadastro, inicialmente o usuário deverá inserir e-mail, nome completo, nome de usuário e uma senha, estes dados serão úteis para autenticação de login e também para a visualização de perfil por parte de usuários terceiros. Para o login, é utilizada a lib next-auth, onde através do JWT é possível autenticar o usuário, criar uma sessão válida e segura, para posteriormente redirecioná-lo ao seu feed, que conterá a atividade de outros usuários já registrados na plataforma. Na página de feed, o usuário inicialmente terá uma barra de navegação que conta com as opções Home (página inicial), Notificações (curtidas ou comentários que algum usuário fez em seus posts), Perfil (é possível complementar o perfil com uma foto, imagem de capa e biografia, além de realizar a mudança de seu nome completo e nome de usuário que foram iseridos inicialmente no primeiro cadastro) e Sair (finalizar a sessão). Como já dito, é possível visualizar o perfil de outros usuários, bem como suas atividades mais recentes, é possível curtir e fazer comentários em seus posts e também é possível seguir outros usuários.
### Cadastro
https://github.com/BrunoCarvalhoFeitosa/twitter-clone/assets/46093815/9e58b9dd-cf20-4e55-946e-2ec2346efda7
### Login
https://github.com/BrunoCarvalhoFeitosa/twitter-clone/assets/46093815/48739618-39ab-488a-a598-0e6be155a3ee
### Edição de perfil
https://github.com/BrunoCarvalhoFeitosa/twitter-clone/assets/46093815/e6b9fac7-336d-4999-9811-61c62d13ba94
### Navegabilidade
https://github.com/BrunoCarvalhoFeitosa/twitter-clone/assets/46093815/37a66450-a712-4188-9ea0-843e97fda27a
### Feito com
* [Next.js](https://nextjs.org)
* [React.js](https://react.dev)
* [MongoDB](https://www.mongodb.com/pt-br)
* [Prisma](https://www.prisma.io)
* [TailwindCSS](https://tailwindcss.com)
* [Vercel](https://vercel.com)
### Hospedagem
O site está em produção neste link: (https://twitter-full-stack-clone.vercel.app).
## Iniciando o projeto
Primeiramente será necessário clonar este projeto em (https://github.com/BrunoCarvalhoFeitosa/twitter-clone.git), após o download será necessário abrir este projeto no seu editor e no terminal digitar npm install ou yarn, posteriormente é só rodar em seu terminal o comando npm run dev ou yarn dev, após isso, a página será aberta em seu navegador.
### Pré-requisitos
* npm
```sh
npm install npm@latest -g
```
### Instalação
1. Clone o repositório
```sh
git clone https://github.com/BrunoCarvalhoFeitosa/twitter-clone.git
```
2. Instale os pacotes do NPM
```sh
npm install ou yarn
```
3. Inicie o projeto
```sh
npm run dev ou yarn dev
```
## License
Distribuído sob a licença MIT.
## Contato
Bruno Carvalho Feitosa - [GitHub](https://github.com/BrunoCarvalhoFeitosa) - [LinkedIn](https://www.linkedin.com/in/bruno-carvalho-feitosa/)