Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/neopromic/for-devs

A React-based forum tailored for developers to connect and collaborate. 🌙
https://github.com/neopromic/for-devs

challanges community community-project developer-showcase firebase framework frontend innovation javascript job opensouce react reactjs techtrends webdevelopment work

Last synced: about 2 months ago
JSON representation

A React-based forum tailored for developers to connect and collaborate. 🌙

Awesome Lists containing this project

README

        



ForDevs, um lugarzinho pra chamar de seu. ☕


[![dependency - react](https://img.shields.io/badge/dependency-react-7c3aed?logo=react&logoColor=white)](https://www.npmjs.com/package/react)

[![Package - react](https://img.shields.io/github/package-json/dependency-version/neopromic/for-devs/react?logo=react&logoColor=white&color=7c3aed)](https://www.npmjs.com/package/react)

## Links úteis 😎
[🚀 Ver o site](https://for-devs.vercel.app/)
___
### Features ✨

As features serão separas por features **front-end** e **back-end**, o foco primário é o front (início de dev), após isso passamos para a fase de desenvolvimento back-end do projeto.

### Front-end Features (interfaces) 🎨

1. **Criar a interface home**
- [x] Criar os cards de postagens (recentes, etc)
- [ ] Criar o perfil de usuário
- [ ] Criar a visualização dos posts
- [ ] Criar o editor para os posts (para criar os posts, necessitamos de um editor de texto)

2. **Criar a página de login**
- [x] Implementar a página de login

3. **Criar a página de registro**
- [x] Implementar a página de registro

4. **Adicionar o react-router-dom**
- [x] Configurar e integrar o react-router-dom para navegação

5. **Dark Mode 🌙**
- [x] Implementar um modo escuro para melhorar a experiência do usuário

6. **Notificações Push 🔔**
- [ ] Adicionar suporte para notificações push em tempo real

7. **Integração com Redes Sociais 🌐**
- [ ] Permitir login via redes sociais como Google, GitHub, etc.

8. **Sistema de Comentários 💬**
- [ ] Desenvolver um sistema robusto de comentários para interação entre usuários

9. **Página de Configurações ⚙️**
- [ ] Criar uma página para que os usuários possam personalizar suas configurações

10. **Busca Avançada 🔍**
- [ ] Implementar uma barra de busca avançada para facilitar a pesquisa de conteúdo

...

### Back-end Features 🖥️

1. **Implementar um banco de dados**
- [x] Criar o sistema de login e cadastro
- [ ] Criar o sistema de postagens
- [ ] ...

2. **Notificações Push 🔔**
- [ ] Configurar o envio de notificações push em tempo real

3. **Sistema de Comentários 💬**
- [ ] Desenvolver a lógica e estrutura para o sistema de comentários

4. **Integração com API de Terceiros 🔄**
- [ ] Permitir integração com APIs externas para enriquecer as funcionalidades

5. **Ranking de Usuários 🏆**
- [ ] Criar um sistema de ranking para reconhecer e destacar usuários ativos

6. **Aprimoramento da UI/UX 🎨**
- [ ] Continuar refinando a interface para uma experiência mais fluida e agradável

7. **Sistema de Recompensas 🎁**
- [ ] Introduzir um sistema de recompensas para incentivar a participação ativa na comunidade
___

# Contribuindo para o forDevs 🚀

Bem-vindo ao forDevs! Estamos animados por você querer contribuir. Aqui está o guia passo a passo:

## 1. Clone o Repositório

Abra seu terminal e digite o seguinte comando:

```sh
git clone https://github.com/neopromic/for-devs.git
```

## 2. Instale as Dependências

Vá até a pasta do projeto e instale todas as dependências usando:

```sh
pnpm i
```

Certifique-se de ter o [pnpm instalado](link-para-pnpm).

## 3. Execute Localmente

Para iniciar o projeto em sua máquina, utilize:

```sh
pnpm run dev
```

O projeto agora deve estar rodando localmente!

> **Nota:** Utilizamos o pnpm como gerenciador de pacotes neste projeto.

## 4. Sua Mágica é Necessária ✨

Agora que o projeto está em execução, mergulhe no código! Resolva problemas, adicione novos recursos e divirta-se experimentando.

## 5. Documentação Detalhada

Para compreender melhor a estrutura do projeto, boas práticas e padrões de codificação, consulte nossa [documentação detalhada](link-para-documentacao).

## 6. Comunique-se e Inspire-se

Participe da nossa comunidade no [discord](link-para-forum) para discussões e ajuda. Busque inspiração em problemas abertos ou adicione os seus.

Esperamos ansiosamente por sua contribuição para tornar o forDevs ainda mais incrível! 🚀
---
# Autor:
[Wesley - Neopromic](https://github.com/neopromic)