How cyp777/my-notes-app works
My Notes is a note-taking app with a React interface and a FastAPI backend. The evidenced browser workflow is: users create or edit notes, filter them by text or tags, and save changes in browser local storage. Theme switching is a separate UI capability. The backend exposes a notes router and configures MongoDB, but the inspected frontend hook uses local storage rather than calling the API. Backend route internals were not sampled, so their database wiring is not asserted.
Main entry points: Home.jsx Home page · useNotes.jsx Notes state · main.jsx React entry · App.jsx App shell
Components 19
React interface
- React entry
frontend/src/main.jsx - App shell
frontend/src/App.jsx - Home page
frontend/src/pages/Home.jsx - Search bar
frontend/src/components/SearchBar.jsx - Tag filter
frontend/src/components/TagFilter.jsx - Note list
frontend/src/components/NoteList.jsx - Note card
frontend/src/components/NoteCard.jsx - Note editor
frontend/src/components/NoteEditor.jsx - Note alert
frontend/src/components/NoteAlert.jsx
Note workflow
- Notes state
frontend/src/hooks/useNotes.jsx
Backend API
- FastAPI app
backend/main.py - Notes routes
backend/routes/notes.py - Note models
backend/models/note.py - Mongo connection
backend/database.py
Persistence and theme
- Theme context
frontend/src/context/ThemeContext.jsx - Browser storage
Other components
- User
- Browser
- MongoDB
Connections 16
- User → React entry: opens app
- React entry → App shell: renders
- App shell → Home page: renders
- Home page → Search bar: renders
- Home page → Tag filter: renders
- Home page → Note list: renders filtered notes
- Note list → Note card: renders notes
- Home page → Note editor: opens editor
- Home page → Notes state: uses state
- Note editor → Home page: submits note
- Home page → Notes state: saves or deletes
- Notes state → Browser storage: reads and writes
- Home page → Theme context: uses theme
- Theme context → Browser: toggles document class
- FastAPI app → Notes routes: mounts router
- Mongo connection → MongoDB: connects