Notiify App

Tech Stack :

This application allows users to create, update, delete, and view notes. Users can register, log in, and perform various operations on their notes.

Features

• User authentication and authorization:

  • Secure user authentication system to protect user data and ensure privacy.

• Create, update, and delete notes:

  • Full CRUD (Create, Read, Update, Delete) functionality for managing notes effectively.

• Intuitive user interface:

  • A user-friendly interface designed for a seamless and pleasant user experience.

• Responsive Design

  • Responsive Design for fitting in both mobile and desktop devices.

Update

Bucket Feature

The Notiify App introduces a unique Bucket feature, allowing users to store and share text or links publicly. Here's how it works:

• Create Buckets:

  • Users can create personalized buckets to categorize and organize their shared content.

• Generate Access Codes:

  • Each bucket is associated with a unique access code, providing a secure way to access and share the contents of that specific bucket.

• Public Sharing:

  • Share the generated access code with others, enabling them to view the content of the bucket without requiring login credentials.

• Flexible Collaboration:

  • Users can collaborate effectively by creating and sharing buckets for various purposes, fostering seamless information sharing.

• Interactivity for URLs and Emails

  • Added interactivity and increased reader experience with added URLs and Emails feature

This feature enhances the versatility of the Notiify App, making it a powerful tool for both personal and collaborative use.

Setup

1. Clone the repository:

   git clone https://github.com/rajeshds20/Notiify-App.git

2. Navigate to the project directory:

   cd notiify-app
   

3. Install dependencies:

   Frontend :

   cd frontend
   npm install
   

   Backend :

   cd backend
   npm install
   

4. Start the development server:

   npm start
   

5. ** Setup the emvironment variables** Setup your Environment variables for Database, JWT Auth, and Server URL in .env

6. Open your browser and access the app at http://localhost:3000.

🚀 Live Application

Explore the live version of the app and experience its features in action!

Notiify App

Usage

1. Register or log in to your account:

   • Users can create a new account or log in using existing credentials.

2. Create new notes with titles and content:

   • Users can easily create new notes by providing titles and content for their ideas or tasks.

3. Update or delete existing notes:

   • Edit notes to keep them up-to-date or delete them when they are no longer needed.

4. View your list of notes:

   • Access a comprehensive list of all created notes for quick reference.

5. Create your own buckets:

   • Create your own buckets by giving the context and copy the generated code

6. Share Publicly:

   • Share the code publicly and retrive anywhere for easy collaboration

Technologies Used

Frontend:

• React.js: A popular JavaScript library for building user interfaces.
• Material-UI: A React UI framework for creating attractive and responsive user interfaces.

Backend:

• Node.js: A JavaScript runtime environment for server-side development.
• Express.js: A minimalist web framework for building robust APIs and web applications.
• MongoDB: A NoSQL database for storing flexible, JSON-like documents.
• JSON Web Tokens (JWT): A standard for securely transmitting information between parties as JSON objects.

Contributors

• Rajesh

Contact

Feel free to reach out to me if you have any questions, suggestions, or just want to connect!

• 👤 LinkedIn: Rajesh
• ✉ Email: [email protected]

Feel free to contribute and enhance the application further! 🚀