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

https://github.com/sord-dev/smart-note-client

This is a Next.js front-end application for managing and displaying notes. Inspired by obsidian's markdown graph.
https://github.com/sord-dev/smart-note-client

markdown-editor nextjs notes-app obsidian-graph static-site

Last synced: 5 months ago
JSON representation

This is a Next.js front-end application for managing and displaying notes. Inspired by obsidian's markdown graph.

Awesome Lists containing this project

README

          

# SmartNote Client-Side

This is a Next.js front-end application for managing and displaying notes. It consumes a backend Express server for data storage and retrieval.
**[plans to integrate model to handle summarisation and expansion of note details]**

![image](https://github.com/sord-dev/smart-note-client/assets/75338985/8f477df9-e88d-458c-b310-1446ab0e3c4f)
![image](https://github.com/sord-dev/smart-note-client/assets/75338985/313e3b84-43a2-4abe-aa49-3d957ce9b3de)
![image](https://github.com/sord-dev/smart-note-client/assets/75338985/4431cf45-3dab-4ef4-a1e4-13543385610d)

## Technologies Used

- Next.js - A React framework for building server-rendered applications.
- React - A JavaScript library for building user interfaces.
- Axios - A promise-based HTTP client for making API requests.
- SWR - A React hook library for data fetching and caching.

## Todo List

- [x] Setup project structure
- [x] Install required dependencies
- [ ] Create authentication components
- [x] Login form
- [x] Registration form
- [ ] Reset password form
- [ ] Implement authentication logic
- [x] User registration
- [x] User login
- [ ] Password reset functionality
- [x] Create dashboard page
- [x] Display user's notes in layout
- [x] Display user's notes on map
- [x] Add new note functionality
- [x] Edit and delete notes
- [ ] Implement note management
- [ ] API integration for CRUD operations
- [ ] Handle note state and updates
- [ ] Create folder and file navigation
- [x] Display folder structure
- [ ] Handle folder and file selection
- [x] Add markdown rendering
- [x] Render note content in markdown format
- [x] Provide editing capabilities
- [ ] Styling and UI enhancements
- [x] Apply consistent styles across components
- [ ] Responsive design for different devices
- [ ] Testing
- [ ] Unit tests for components and utilities
- [ ] Integration tests for API calls
- [ ] Deployment
- [ ] Prepare for production deployment
- [ ] Deploy to hosting platform

## Contributing

Contributions are welcome! If you have any ideas, enhancements, or bug fixes, please submit a pull request.