A lightweight application designed for creating and managing notes. It provides a convenient way to jot down and organize your thoughts, ideas, and reminders. With a clean and intuitive interface, this app focuses on simplicity and efficiency.
You can try live preview here: https://quick-note-steel.vercel.app
Credentials:
| Password | |
|---|---|
| live.preview@gmail.com | RnDfTCZW6N58uEkJ |
Technology stack used to create this application:
| Technology | Usage |
|---|---|
| TypeScript | Programming languge |
| React | User Interface Library |
| Next.js | Framework & SSR |
| TailwindCSS | CSS Framework |
| Storybook | UI Component Development |
| TanStack Query | Data Fetching & State Management |
| React Hook Form | Forms Handling |
| PWA | Progressive Web App |
| tRPC | Type-Safe Backend API |
| Prisma | Database ORM |
| NextAuth.js | Authentication Library |
| PostgreSQL | Relational Database |
| Docker | Containerization Platform |
| Vitest | Testing Framework |
- Clone the repository:
git clone https://github.com/xStrixU/quick-note.git
- Navigate to the project directory:
cd quick-note - Install dependencies:
pnpm install
Usage is different depending on the selected mode: development or production.
- Copy the
.env.examplefile to the.env.development.localfile - Fill the environment variables
- Run the application in development mode:
pnpm dev
- Copy the
.env.examplefile to the.env.production.localfile - Fill the environment variables
- Build the application:
pnpm next:build
- Run the application in production mode:
pnpm start
Write notes:
Invite other people:
Share notes:
MIT License, see LICENSE.