Note Zipper — Note Management App

Note Zipper is a note-management web application designed to provide users with a straightforward way to create, edit, and manage personal notes. Its interface includes a dashboard, note creation and editing screens, and user account pages.

The project demonstrates full-stack web development using React on the frontend and Node.js, Express.js, and MongoDB on the backend. It brings together note management and user account interfaces in a single application.

• Developed a note-management application using React and JavaScript.
• Created a dashboard for accessing and managing notes.
• Built interfaces for creating and editing notes.
• Implemented login and registration page interfaces.
• Created a user profile page.
• Used Node.js and Express.js for backend application functionality.
• Used MongoDB for data storage.
• Focused on a clear interface and straightforward user experience.

Dashboard

The main dashboard provides an interface for accessing and managing notes.

Create Note

The note creation interface allows users to write and save new notes.

Edit Note

The editing interface allows users to update existing notes.

User Login

The login page provides an interface for registered users to access their accounts.

User Registration

The registration page provides an interface for creating a new user account.

User Profile

The profile page displays the user's account information.