Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/daviteixeira-dev/rocketnotes

RocketNotes is a front-end application designed to help you organize study notes efficiently, accompanied by useful links. Built using ReactJS and styled with Styled-Components, the application offers an intuitive and friendly user experience.
https://github.com/daviteixeira-dev/rocketnotes

css-in-js javascript nodejs react-router reactjs styled-components vitejs

Last synced: about 6 hours ago
JSON representation

RocketNotes is a front-end application designed to help you organize study notes efficiently, accompanied by useful links. Built using ReactJS and styled with Styled-Components, the application offers an intuitive and friendly user experience.

Awesome Lists containing this project

README

        

RocketNotes


🧩 Introdução    |   
🧪 Dependências   |   
🚀 Aplicação   |   
📝 License      


## 🧩 Introdução

### RocketNotes: Aplicação Front-end para Gerenciamento de Notas de Estudo

RocketNotes é uma aplicação front-end desenvolvida para ajudar na organização de notas de estudo de forma eficiente, acompanhadas de links úteis. Construído utilizando ReactJS e estilizado com Styled-Components, a aplicação oferece uma experiência de usuário intuitiva e amigável.

Durante o desenvolvimento deste projeto, explorei o poderoso ecossistema do ReactJS, aprendi a utilizar o Vite como bundler, estruturar arquivos e pastas de forma organizada, estilizar componentes com Styled-Components e implementar navegação com React Router. O resultado é uma aplicação fluida e responsiva, pronta para atender às necessidades de gerenciamento de notas de estudo.

Esse é o Link para o design do projeto no Figma.




Páginas













## 🧪 Dependencias
> Requisitos para rotar o código.

- [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
- [Node.js](https://nodejs.org/en)
- [React](https://react.dev/)
- [CSS-in-JS (Styled Components)](https://styled-components.com/)
- [Vite](https://vitejs.dev/)
- [React Router](https://reactrouter.com/en/main)


## 🚀 Aplicação

### Instalação e inicialização do projeto

### ```COMANDOS```

#### Para instalar as dependências
```
npm install
```

#### Para rodar o projeto
```
npm run dev
```


## 📝 License

Este projeto possui uma Licença MIT License - veja o arquivo [LICENSE](./LICENSE) para mais detalhes.


Made with ❤️ by Davi Teixeira