memo.directory

memo.directory is a modern, full-stack bookmarking application that allows you to save and categorize URLs, colors, and text snippets. It features a clean, intuitive user interface with optimistic UI updates for a seamless user experience.

Features

• Versatile Bookmarking: Save URLs, color codes, or plain text as bookmarks.
• Bookmark Grouping: Organize your bookmarks into customizable groups with unique names and colors.
• Optimistic UI Updates: Enjoy a fast and responsive interface with immediate feedback on your actions.
• User Authentication: Secure your bookmarks with user authentication.
• API: A robust tRPC API for managing bookmarks and groups.
• Modern Tech Stack: Built with Next.js, TypeScript, and Tailwind CSS for a powerful and maintainable application.

Tech Stack

• Framework: Next.js
• Language: TypeScript
• API: tRPC
• ORM: Drizzle ORM
• Database: PostgreSQL
• Styling: Tailwind CSS
• State Management: Zustand & TanStack Query
• Authentication: BetterAuth

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Bun
• Docker

Installation

1. Clone the repo

   git clone https://github.com/joaodematte/memo-directory.git

2. Install dependencies

   bun install

3. Set up environment variables Create a .env file in the root of the project and add the necessary environment variables. You can use the .env.example file as a template.
4. Start the database

   docker-compose up -d

5. Run database migrations

   bun db:migrate

6. Run the development server

   bun dev

Now, you should be able to access the application at http://localhost:3000.