Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/leo-henrique/clone-dogs

Rede social para cachorros. Projeto do curso de React da Origamid.
https://github.com/leo-henrique/clone-dogs

async-await context-api history promises react react-hooks react-router-dom sass vite

Last synced: 6 days ago
JSON representation

Rede social para cachorros. Projeto do curso de React da Origamid.

Awesome Lists containing this project

README

        

# Rede social / SPA com React

Este é um projeto do [curso de React da Origamid](https://www.origamid.com/curso/react-completo/).

O projeto consiste em uma rede social comum, voltada para cachorros, sendo possível criar e logar em uma conta, publicar fotos e comentários e outras funcionalidades comuns de redes sociais.


Visualização da página inicial da projeto

## 🔎 Visão geral

O projeto utiliza uma REST API já criada pelo instrutor do curso para ser dispensável a criação de um back-end, sendo necessário apenas **consumir os endpoints** oferecidos pela API.

Você pode criar uma conta na página de login ou logar com o usuário padrão, disponível para qualquer pessoa:

* **usuário:** dog
* **senha**: dog

**Os dados são apagados a cada 10 minutos!**

### 🔗 Acesse o projeto

* [Site ao vivo](https://clone-dogs.vercel.app/)
* [Curso da Origamid](https://www.origamid.com/curso/react-completo/)

### 💻 Principais tecnologias / recursos

#### Minha autoria

* [leo-react-app](https://github.com/Leo-Henrique/leo-react-app) - ambiente de desenvolvimento para React e SASS utilizando Vite
* [leo-reset.css](https://github.com/Leo-Henrique/leo-reset.css) - CSS reset que redefine a maioria das estilizações e define padrões de CSS
* [leo-animate.js](https://github.com/Leo-Henrique/leo-animate.js) - animações de entrada e ao scroll com JS moderno

#### React
* [Context API](https://react.dev/learn/passing-data-deeply-with-context)
* [react-router-dom](https://reactrouter.com/en/main)
* [history](https://github.com/remix-run/history)
* [victory](https://formidable.com/open-source/victory/)

#### JS

* promises
* funções assíncronas
* skeleton