Docket - Notes Management Application

Docket is a responsive and user-friendly notes management application that allows users to create, read, update, and delete notes securely. The application features both a frontend built with React.js, Redux, and TailwindCSS, and a backend powered by Node.js, Express.js, and MongoDB.

Table of Contents

• Docket
  • Table of Contents
  • Features
    • Frontend
    • Backend
  • Technologies Used
    • Frontend
    • Backend
  • Frontend Screenshots
  • Backend API Endpoints
    • Authentication
    • Users
    • Notes
  • Project Links

Features

Frontend

• User Authentication: Secure sign-up, login, and logout functionalities with session handling.
• Responsive Design: Optimized for both desktop and mobile devices.
• Create Notes: Add notes with a title and content, stored securely in the backend.
• Read Notes: View a list of all notes and read individual notes.
• Update Notes: Edit titles and content with instant feedback.
• Delete Notes: Remove notes from your account with confirmation to prevent accidental deletion.

Backend

• User Authentication: JWT-based secure sign-up, login, and logout with token refresh.
• Create Notes: Allows users to add new notes securely stored in MongoDB.
• Read Notes: Retrieve all notes or specific notes by ID.
• Update Notes: Edit titles and content of existing notes.
• Delete Notes: Remove notes from the database with confirmation.

Technologies Used

Frontend

• React.js: A JavaScript library for building dynamic user interfaces.
• TailwindCSS: A utility-first CSS framework for custom styling.
• Redux: Global state management for consistent data flow.
• React Router DOM: Routing for enhanced navigation.

Backend

• Node.js: JavaScript runtime for server-side code.
• Express.js: Web framework for API routing and HTTP requests.
• MongoDB: NoSQL database for flexible data storage.
• Mongoose: ODM for schema-based MongoDB interaction.
• JWT (JSON Web Tokens): Secure token-based authentication.

Frontend Screenshots

Dashboard showing a list of notes with options to view & edit notes

Login screen with a simple form

Backend API Endpoints

Authentication

• POST /auth/register: Register a new user.
• POST /auth/login: Log in an existing user.
• POST /auth/logout: Log out the current user.
• POST /auth/refresh: Refresh the JWT token.

Users

• POST /auth/delete-user: Delete the current user account.

Notes

• GET /notes: Retrieve all notes.
• GET /notes/:id: Retrieve a specific note by ID.
• POST /notes: Create a new note.
• PUT /notes/:id: Update an existing note by ID.
• DELETE /notes/:id: Delete a specific note by ID.

Project Links

• Frontend Code: Frontend Repository
• Live Frontend: Docket Live
• Backend Code: Backend Repository
• Live API: Docket API