O projeto inspirado no Instagram com sistema de autenticação, desenvolvido utilizando Node.js, Express, React.js, MongoDB, e outras tecnologias.
Veja o app: codesnap.vercel.app
O DevGram é um projeto desenvolvido com o objetivo de replicar funcionalidades básicas do Instagram, incluindo autenticação de usuários, postagem de fotos, feed, curtidas, comentários e muito mais.
- Autenticação de usuários
- Postagem e exclusão de fotos
- Feed de fotos estilo Instagram
- Interatividade com curtidas e comentários
- Edição de perfil
- Páginas protegidas por autenticação
Para instalar e configurar o projeto localmente, siga estas instruções:
observação: para baixar o projeto completo você precisará acessar a branch frontend
# Clone o repositório
git clone https://github.com/Jhonypd/devgram.git
# Entre no diretório do backend
cd devgram/backend
# Instale as dependências
npm install
# Inicie o servidor
npm run dev
# volte a raiz do projeto
cd ../
# Entre no diretório do frontend
cd devgram/frontend
# Inicie o app
npm start
Após a instalação, inicie o servidor backend e frontend. Acesse o aplicativo no navegador e explore as funcionalidades como autenticação, postagem de fotos e interação com o feed.
- Node.js
- Node.js
- Node.js
- Express
- React.js
- MongoDB
- React Icons
- React Router DOM
- Sass
- Redux Toolkit
- Redux
- React Loader Spinner
- Autenticação: Logar, deslogar, criar novo usuário.
- Feed: Visualizar fotos na home como em um feed.
- Interatividade: Curtir e comentar fotos, desfazer ações.
- Perfil: Visualizar perfil de quem postou a foto.
- Ações Protegidas: Todas as ações são protegidas por autenticação.
- Postagem: Postar e excluir fotos.
- Edição: Editar fotos e perfil. Páginas
- Home: Feed de fotos.
- Perfil: Página de perfil do usuário logado.
- Editar Perfil: Página para editar informações do perfil.
- Visualizar Foto: Página para visualizar uma foto individualmente.
- Ver Perfil de Outras Pessoas: Página para visualizar o perfil de outros usuários.
Contribuições são bem-vindas! Siga as diretrizes de contribuição e sinta-se à vontade para abrir problemas ou propor novos recursos.
Este projeto está sob a Licença MIT.