Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/daviteixeira-dev/rocketnotes
- Owner: daviteixeira-dev
- Created: 2024-04-16T04:16:55.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-05-04T23:43:33.000Z (6 months ago)
- Last Synced: 2024-09-17T17:27:02.619Z (about 2 months ago)
- Topics: css-in-js, javascript, nodejs, react-router, reactjs, styled-components, vitejs
- Language: JavaScript
- Homepage: https://webrocketnotes.netlify.app/
- Size: 3.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
RocketNotes
🧩 Introdução |
🧪 Dependências |
🚀 Aplicação |
📝 License### 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)### Instalação e inicialização do projeto
### ```COMANDOS```
#### Para instalar as dependências
```
npm install
```#### Para rodar o projeto
```
npm run dev
```Este projeto possui uma Licença MIT License - veja o arquivo [LICENSE](./LICENSE) para mais detalhes.
Made with ❤️ by Davi Teixeira