How sanjay-sahoo-0804/inotebook works
iNotebook is a web notebook with account registration and login, plus authenticated, user-owned notes that can be listed, added, edited, and deleted. The client provides routed pages and a notes context that makes requests to the backend; Express routes authenticate requests and use Mongoose models backed by MongoDB. The sampled sources confirm the app shell, notes workflow, API routes, and persistence structure. Authentication-page wiring and some component relationships are not shown in the excerpts, so those links are omitted.
Main entry points: App.jsx Routed app · notes.js Note routes · Notes.jsx Notes view · index.js Express server
Components 21
Client interface
- Routed app
client/src/App.jsx - Navigation
client/src/components/Navbar.jsx - Home page
client/src/components/Home.jsx - About page
client/src/components/About.jsx - Login page
client/src/components/Login.jsx - Signup page
client/src/components/Signup.jsx - Alert display
client/src/components/Alert.jsx - Notes view
client/src/components/Notes.jsx - Add note form
client/src/components/AddNote.jsx - Note item
client/src/components/Noteitem.jsx
Client state and API
- Notes state and API
client/src/context/notes/NoteState.jsx - Notes context
client/src/context/notes/noteContext.jsx
Backend services
- Express server
backend/index.js - Account routes
backend/routes/auth.js - Note routes
backend/routes/notes.js - JWT middleware
backend/middleware/fetchuser.js
Persistence
- Mongo connection
backend/db.js - User model
backend/models/User.js - Note model
backend/models/Note.js
Other components
- User
- MongoDB
Connections 23
- User → Routed app: uses
- Routed app → Navigation: renders
- Routed app → Alert display: renders
- Routed app → Home page: routes to
- Routed app → About page: routes to
- Routed app → Login page: routes to
- Routed app → Signup page: routes to
- Routed app → Notes state and API: wraps
- Notes view → Notes context: reads
- Notes view → Add note form: renders
- Notes view → Note item: renders
- Notes state and API → Notes context: provides
- Notes state and API → Note routes: requests notes
- Express server → Mongo connection: connects
- Express server → Account routes: mounts routes
- Express server → Note routes: mounts routes
- Account routes → User model: queries
- Account routes → JWT middleware: uses
- Note routes → JWT middleware: authenticates
- Note routes → Note model: queries and writes
- Mongo connection → MongoDB: connects
- User model → MongoDB: stores users
- Note model → MongoDB: stores notes