A Real Time Note Website

Front-End Development

Personal Project

Tool : React, Redux, Firebase

Timeline : 1 week (April 2023)

I created a real-time collaborative note program that is only available after authentication step. The program has three note colors and the location of the note board and colors are randomly generated. A "create" input box is available to create new notes, and created notes can be edited and deleted. To prevent simultaneous editing, an alert message pops up if a user attempts to delete or modify a note that is currently being edited by another user.

📍 Implemented Functionalities

• Ensuring Note Exclusivity: Implemented a feature to lock a note while one user is actively editing it. Enhanced user experience by introducing an alert popup to notify others attempting to edit or delete a note currently under modification.

• Secure Authentication with Firebase: Integrated robust authentication capabilities using Firebase Users, ensuring secure user access and data protection.

• Creative Note Customization: Introduced an innovative touch by randomizing note colors, adding a dynamic and visually appealing element to note-taking.

• Enhanced Note Organization: Implemented various note organization methods, including a comprehensive "show-all" feature. Additionally, revolutionized note generation with random positions to simulate real-time brainstorming. Furthermore, ensured that notes remain within the confines of the noteboard for efficient organization and management.