Back

Notely

Notely is an open-source note-taking application designed to provide users with a platform for managing their notes

Tech Stack :
Source Code
|
Live Demo
Notely
Notely is an open-source note-taking application designed to provide users with a seamless and efficient platform for managing their notes. Built with modern web technologies, Notely ensures a responsive and user-friendly experience across various devices.

Features

  • User Authentication: Secure user registration and login functionalities to protect your notes.
  • Rich Text Editing: Create and format notes with a user-friendly rich text editor.
  • Tagging System: Organize notes using tags for easy categorization and retrieval.
  • Search Functionality: Quickly search through notes to find specific information.
  • Responsive Design: Optimized for desktops, tablets, and mobile devices.

Technologies Used

  • Next.js Next.js 14: A React framework for server-rendered applications.
  • Kinde Kinde: Authentication and user management platform.
  • Prisma Prisma: Next-generation ORM for database interactions.
  • Supabase Supabase: Open-source Firebase alternative for real-time databases.
  • Shadcn UI Shadcn UI: Component library for building user interfaces.
  • Tailwind CSS Tailwind CSS: Utility-first CSS framework for rapid UI development.

Getting Started

Prerequisites

  • Node.js Node.js: Ensure Node.js is installed on your machine.
  • Supabase Supabase Account: Set up a Supabase account for database services.
  • Kinde Kinde Account: Set up a Kinde account for authentication services.

Installation

  1. Clone the Repository:
  2. Navigate to the Project Directory:
  3. Install Dependencies:
  4. Set Up Environment Variables:
Create a
file in the root directory with the following content:
Run the Development Server:
The application will be available at http://localhost:3000.
Folder Structure The project's folder structure is organized as follows:

Configuration Files: ESLint, Tailwind CSS, TypeScript, and Next.js configurations.