Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/renyzeraa/my-feed-js
Feed que simula uma rede social onde os usuários podem criar posts de deploy de seus projetos, feito em React Javascript
https://github.com/renyzeraa/my-feed-js
javascript reactjs vitejs
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 Javascript
- Host: GitHub
- URL: https://github.com/renyzeraa/my-feed-js
- Owner: renyzeraa
- Created: 2023-04-24T23:43:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-05T20:55:21.000Z (7 months ago)
- Last Synced: 2024-06-05T22:44:47.560Z (7 months ago)
- Topics: javascript, reactjs, vitejs
- Language: JavaScript
- Homepage:
- Size: 129 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
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 Javascript. 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