Docket Frontend

Web application built with React.js, TailwindCSS, Zustand, and React Router DOM, designed for creating, viewing, updating, and deleting notes. It features user authentication and a responsive user interface, providing an intuitive and seamless experience for managing notes. The application integrates with the Docket backend API for data handling and user management.

Table of Contents

• Docket Frontend
  • Table of Contents
  • Features
  • Technologies Used
  • Usage
    • Authentication
    • Notes Management
  • Links

Features

• User Authentication: Sign up, log in, and log out functionalities.
• Create Notes: Add new notes with a title and content.
• Read Notes: View a list of all notes and read individual notes.
• Update Notes: Edit the title and content of existing notes.
• Delete Notes: Remove notes from your account.

Technologies Used

• React.js: JavaScript library for building UIs.
• TailwindCSS: Utility-first CSS framework.
• Zustand: State management library for React.
• React Router DOM: Declarative routing for React apps.

Usage

Authentication

• Sign Up: Create a new account by providing a username, email, and password.
• Log In: Access your account by entering your email and password.
• Log Out: Securely log out from your account.

Notes Management

• Create: Click on the "Add Note" button to create a new note.
• Read: View your notes on the main dashboard. Click on a note to read its details.
• Update: Click on the "Edit" button while viewing a note to update its title or content.
• Delete: Click on the "Delete" button to remove a note.

Links

• Source Code: Frontend Repository
• Live Preview: Docket Live
• Backend Code: Backend Repository