Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/guilherme006/rocketnotes


https://github.com/guilherme006/rocketnotes

Last synced: 8 days ago
JSON representation

Awesome Lists containing this project

README

        

## Sobre o Projeto

Este projeto foi construído com **React** utilizando **Vite**, **styled-components** e navegação com **React Router**. Foram criados páginas de signIn, signUp, home, perfil, note create e note preview. Trata-se de um projeto em que você pode criar notas sobre suas tecnologias favoritas.

### Constrído com

![visual-studio-code]
![JavaScript Badge]
![React Badge]
![React Router Badge]
![styled-components Badge]
![Vite Badge]

### Capturas de tela

**SignIn**

![signin-image]

**SignUp**

![signup-image]

**Home**

![home-image]

**Perfil**

![profile-image]

**Note Preview**

![note-preview-image]

**Note Create**

![note-create-image]

### Como Configurar

1. Clone o repositório do projeto para sua máquina local:

```sh
git clone https://github.com/Guilherme006/Rocketnotes.git
```

2. Rode o comando:

```sh
npm run dev
```

[visual-studio-code]: https://img.shields.io/badge/Visual%20Studio%20Code-007ACC?logo=visualstudiocode&logoColor=fff&style=for-the-badge
[JavaScript Badge]: https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=fff&style=for-the-badge
[React Badge]: https://img.shields.io/badge/React-61DAFB?logo=react&logoColor=fff&style=for-the-badge
[React Router Badge]: https://img.shields.io/badge/React%20Router-CA4245?logo=reactrouter&logoColor=fff&style=for-the-badge
[styled-components Badge]: https://img.shields.io/badge/styled--components-DB7093?logo=styledcomponents&logoColor=fff&style=for-the-badge
[Vite Badge]: https://img.shields.io/badge/Vite-646CFF?logo=vite&logoColor=fff&style=for-the-badge

[home-image]: /images/home.jpeg
[note-create-image]: /images/note-create.jpeg
[note-preview-image]: /images/note-preview.jpeg
[profile-image]: /images/profile.jpeg
[signin-image]: /images/SignIn.jpeg
[signup-image]: /images/SignUp.jpeg