A versatile note-taking application that empowers users to effortlessly write and manage diverse content, while offering seamless access to their notes from various devices.
I've used Vercel for the deployment. Give it a try: https://noteed-lime.vercel.app/
- Front-end:
React
,React Query
,React Router
,Tailwind CSS (Daisy UI)
. - Back-end:
Xano
to store notes, and generate RESTful APIs. - Authentication:
Auth0
Here's what you can do with Noteed:
-
Store your notes easily: Users can easily create new notes with a click or tap, enabling them to jot down thoughts, ideas, or important information quickly.
-
Color Customization: Users can choose the color of the background for each note, allowing for easy organization and personalization.
-
Responsive Design: The app is designed to work seamlessly on both desktop and mobile devices, ensuring users can access their notes from anywhere.
-
Secure Storage: Notes are securely stored in a database, ensuring that users' information is safe and protected.
-
User-Friendly Interface: The app features a clean and intuitive interface, making it easy for users to navigate and use.
-
Cross-Platform Syncing: Users can sync their notes across multiple devices, ensuring they always have access to their information.
-
Dark Mode: Users can switch to a dark mode theme for a more comfortable reading experience in low-light environments.
-
(New) Note lock: Users can lock their notes to prevent editing.
-
(New) Export: Users can export their notes as text files.
-
(New) Print: Users can print their notes directly from the application, allowing them to have physical copies for reference or offline use.
-
(New) Share: Users can share their notes with others by generating a unique link. This allows for collaboration and easy sharing of information.
-
(New) Text Editor: Users can edit their notes using a built-in text editor, providing a seamless writing experience with formatting options and real-time preview.
Clone the project
git clone https://link-to-project
Go to the project directory
cd my-project
Install dependencies
npm install
Start the server
npm start