Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/renyzeraa/my-feed-ts

Feed que simula uma rede social onde os usuários podem criar posts de deploy de seus projetos, feito em React Typescript
https://github.com/renyzeraa/my-feed-ts

Last synced: 7 days ago
JSON representation

Feed que simula uma rede social onde os usuários podem criar posts de deploy de seus projetos, feito em React Typescript

Awesome Lists containing this project

README

        

# Projeto My Feed 🚩

O My Feed é um projeto open source que simula uma rede social onde os usuários podem criar posts de deploy de projetos, comentar neles, reagir com emojis e remover seus próprios posts. O projeto foi desenvolvido utilizando React TypeScript. A estilização é feita com CSS normal, utilizando o template do React e o Vite como bundler.

[Link Figma](https://www.figma.com/community/file/1113573231685349036/ignite-feed)

## Funcionalidades

- **Criar Post:** Os usuários podem criar posts para compartilhar o deploy de seus projetos.
- **Comentar em Posts:** Os usuários podem deixar comentários nos posts de outros usuários.
- **Reagir com Emojis:** Os usuários podem reagir aos posts com emojis para expressar suas emoções.
- **Remover Post:** Os usuários podem remover os posts que eles criaram.
- **Componentes Reutilizáveis:** O projeto utiliza componentes reutilizáveis como Avatar, Comentário, Header, Post e Sidebar para manter um código modular e facilitar a manutenção.

## Tecnologias Utilizadas

**React:** Biblioteca JavaScript para construção de interfaces de usuário.
**TypeScript:** Superconjunto tipado de JavaScript que compila para JavaScript puro.
**CSS:** Linguagem de estilo para estilização de componentes.
**Vite:** Bundler para projetos JavaScript e TypeScript modernos.

## Instalação

1. Certifique-se de ter o Node.js instalado em seu sistema.
2. Clone o repositório do GitHub:

```
git clone https://github.com/seu-usuario/my-feed.git
```

3. Navegue até o diretório do projeto:

```
cd my-feed
```

4. Instale as dependências:

```
npm install
```

5. Execute o projeto

```
npm run dev
```

## Contato

Made with ❤️ by [Renan L. Silva](https://github.com/renyzeraa)!

🛠 Frontend Developer Jr.

📍 Santa Catarina - Brazil

LinkedIn Badge 
Gmail Badge 
Discord Badge 
GitHub Badge