stherzada-project

KO | EN

gitlite — search

#javascript #react #typescript #llm #android #docker #nodejs #java #windows #awesome #awesome-list #vue #security #openai

stherzada-project

(★ 15)

Projeto voltado para estudos de React, e relação de server. Com conteúdo mockado, para testar com funcionaria a relação entre front e back.

stherzada-project Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Stherzada - Project

### 📍 Por quê do Projeto?

- Essa ideia foi inspirada no projeto do [codelândia](https://codelandia-desafio01-blog.vercel.app) onde é voltado pra reforçar os estudos em react, e adicionei uma simulação de como seria obter informações de uma banco de dados que foi _simulado_ no próprio projeto na parte `server codelândia`

![imagem do site, com um titulo chamado codelândia e algumas simulações de post](https://i.imgur.com/iYwd5dE.png)

---
### ⭐ Como utilizar este projeto localmente?
-  Para fazer este projeto rodar em sua máquina, recomendo **clonar** este projeto e instalar qualquer versão acima da **12** do [node](https://nodejs.org/en/download) em sua máquina.

```shell
git clone https://github.com/stherzada/stherzada-project.git
```

- Logo após, abra seu terminal dentro da sua IDE e digite:

```shell
npm i 
```

- Quando todas as expansões forem baixadas, dê este comando no terminal:

```shell 
npm run dev
```

- Clique no link que será gerado com **_ctrl + botão esquerdo do mouse_**, exemplo de link que pode ser gerado: http://localhost:0001/

### Para utilizar o server simulado é necessário usar:

```shell
npm json-server server-codelandia/db.json
```
 
 - Utilize em outra guia do terminal para que possa, ver a simulação em tempo em real.

---

### 🛠 Tecnologias Utilizadas

- [React](https://react.dev)
- [Vite](https://vitejs.dev)
- [TypeScript](https://www.typescriptlang.org/docs/)
- [StyledIcons](https://styled-icons.dev)

---

### 📄 O que falta?
- ☑️ Rotas de post, update e delete;
- ☑️ Melhora de animações gerais;
- ☑️ Responsividade;
- ☑️ Adicionar novos post;

---

<div align="center">Feito por <a href="https://www.linkedin.com/in/sthefany-sther/">Sther</a> 🤍</div>

stherzada-project

stherzada-project Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

stherzada-project

stherzada-project Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README