https://github.com/kralluz/projeto_notion_frontend
O frontend do projeto "Notion Clone" está sendo desenvolvido para proporcionar uma experiência de usuário intuitiva e atrativa. No futuro, os usuários poderão criar, editar e organizar notas em páginas personalizadas, além de desfrutar de recursos como autosave, pesquisa avançada e personalização de temas e ícones. A aplicação é construída em React
https://github.com/kralluz/projeto_notion_frontend
design development frontend frontend-web interface javascript react reactjs responsive responsive-design responsive-web-design styled-components styledcomponents typescript web
Last synced: 5 months ago
JSON representation
O frontend do projeto "Notion Clone" está sendo desenvolvido para proporcionar uma experiência de usuário intuitiva e atrativa. No futuro, os usuários poderão criar, editar e organizar notas em páginas personalizadas, além de desfrutar de recursos como autosave, pesquisa avançada e personalização de temas e ícones. A aplicação é construída em React
- Host: GitHub
- URL: https://github.com/kralluz/projeto_notion_frontend
- Owner: kralluz
- Created: 2023-11-02T18:51:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-15T01:08:05.000Z (over 2 years ago)
- Last Synced: 2025-03-02T08:13:58.988Z (over 1 year ago)
- Topics: design, development, frontend, frontend-web, interface, javascript, react, reactjs, responsive, responsive-design, responsive-web-design, styled-components, styledcomponents, typescript, web
- Language: TypeScript
- Homepage: https://projetonotion.vercel.app/
- Size: 422 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Notion Clone - Frontend
Este é o frontend do projeto "Notion Clone", uma aplicação web que replica as principais funcionalidades do Notion, uma plataforma de produtividade popular. O frontend é desenvolvido em React e usa Styled Components para estilização.
## Tecnologias Utilizadas
### Frontend
- **React**: Biblioteca JavaScript para construção de interfaces.
- **Styled Components**: Framework CSS-in-JS para estilização.
### Bundler/Build Tools
- **Vite**: Build tool rápido e leve para o frontend.
- Outras ferramentas, conforme necessário, como Webpack, Babel, etc.
## Funcionalidades Planejadas
1. **Gerenciamento de Notas**: Criar, editar e excluir notas.
2. **Organização de Páginas**: Criar páginas e organizar notas nelas.
3. **Auto Save**: Função de autosave.
4. **Pesquisa Avançada**: Busca rápida e avançada nas notas.
5. **Personalização**: Customização de temas, ícones e mais.
## Como Iniciar
Certifique-se de ter o Node.js e o npm (ou Yarn) instalados. Em seguida, siga estas etapas:
1. Navegue até a pasta `frontend`.
2. Execute `npm install` (ou `yarn install`) para instalar as dependências.
3. Execute `npm run dev` (ou `yarn dev`) para iniciar o servidor de desenvolvimento do frontend.
Acesse o aplicativo em `http://localhost:3000`.
## Contribuição
Este projeto é apenas para fins de aprendizado, mas sinta-se à vontade para contribuir, abrir problemas (issues) ou fazer sugestões para melhorias.