Skip to content

Efficiently manage, categorize, and enhance your notes with this web app. Enjoy features like CRUD operations, categorization, advanced search, filtering, sorting, media integration, and pagination for a seamless note-taking experience. Explore it...

Notifications You must be signed in to change notification settings

git-sujon/note-organizer-client

Repository files navigation

Note Organizer App

dis

Welcome to the Note Organizer App! This is a fullstack web application developed as part of the Fullstack Web Developer task for Headless Technologies Ltd.

Live Site

Check out the live site: https://simple-note-organizer.netlify.app/

Task Overview

The objective of this project is to create a note organizer application that allows users to efficiently manage and categorize their notes. The application is built using the MERN (MongoDB, Express.js, React, Node.js) stack.

Technical Requirements

Backend Development

  • Created a RESTful API for managing CRUD actions (Create, Read, Update, Delete) on notes and categories using Node.js and Express.js.
  • Utilized MongoDB as the database to store notes and categories.
  • Implemented server-side data validation and error handling for a robust backend.

Frontend Development

  • Designed a user-friendly and responsive UI for the application using React.
  • Developed components for note creation, viewing, updating, and deletion.

User Authentication

  • Implemented user registration and login features to safeguard user data.
  • Authorized users are granted access to create, modify, and remove notes.

Features

  • Users can categorize their notes for better organization.
  • Implemented note-filtering functionality based on specified categories.
  • Added the option to attach photos and link them to notes.
  • Utilized pagination to enhance the user experience of browsing through notes.

Search Functionality & UX

  • Implemented a search function that allows users to find individual notes based on titles or content.
  • Enhanced user experience with features like autosave for seamless note-taking.

Unit Test

  • Implemented unit tests for important components and backend API endpoints using Jest.

Getting Started

  1. Clone the repository:
git clone https://github.com/git-sujon/note-organizer-client.git

# Run the backend server
cd backend
npm start

# Run the frontend
cd ../frontend
npm start


This README template covers the basic structure and information that you can include in your README file. You can add more sections if needed or customize it according to your project's specific details.

About

Efficiently manage, categorize, and enhance your notes with this web app. Enjoy features like CRUD operations, categorization, advanced search, filtering, sorting, media integration, and pagination for a seamless note-taking experience. Explore it...

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages