Feature |
Description |
|---|---|
| 1. Privacy Workspace | A secure, personalized environment where users can manage their job search data, including resumes, cover letters, and applications, with end-to-end encryption powered by Clerk. |
| 2. AI Powered Idea Generation | Spark your creativity with intelligent suggestions and prompts to help you overcome writer's block and develop fresh ideas. |
| 3. Minimalist Note-Taking | Capture your thoughts and ideas in a clean and distraction-free environment, focusing on essential elements for efficient note-taking. |
| 4. Simple Organization | Easily manage and categorize your notes with intuitive features, ensuring quick access and efficient retrieval of information. |
| 5. Clean, Modern UI using TailwindCSS and Shadcn-UI | A visually appealing and user-friendly interface that provides a seamless experience across devices, built with cutting-edge technologies for optimal performance and responsiveness. |
Category |
Choice |
Descriptions |
|---|---|---|
| Frontend | React | Declarative and component-based for building interactive UIs. |
| Web Framework | Next.js | Server-side rendering and static site generation for SEO and performance. |
| Language | TypeScript | Static typing for improved code maintainability and fewer errors. |
| CSS Framework | Tailwind CSS | Utility-first approach for rapid UI development and customization. |
| UI Library | Shadcn-UI | Pre-built components for a consistent and modern UI experience. |
| Backend | Convex-DB | Real-time data management, serverless functions, and efficient queries. |
| Authentication | Clerk | Seamless user authentication and authorization. |
| Rich Text Editor | Blocknote | Enables creating and editing notes with rich formatting options like bold, italics, headings, and bullet points for a versatile note-taking experience. |
| Storage Server | Edgestore | Secure and scalable storage solution for your notes, ensuring data persistence and accessibility across devices. |
| AI Integration | OpenAI | Integrating AI capabilities. |
| Lucide Icon | Lucide-Icon | Intuitive and minimalist icons |
| Zod | Zod | TypeScript-first schema validation with static type inference |
| React-Hook-Form | React-Hook-Form | React Hooks for form state management and validation. |
| Framer Motion | Framer-Motion | Motion library for React. |
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/achris-alonzo30/next-iNote.git
# Go into the repository
$ cd next-iNote
# Install dependencies
$ npm install or bun install
# Run the app
$ npm run dev or bun run devConvex Create your account on Convex for free and get your API keys by following the instructions on the given link.
Clerk Create your account on Clerk for free and get your API keys by following the instructions on the given link.
OpenAI Get your API Key from the link but you must have credits to be able to use it.
Edgestore Get your API Key from the link but you must have credits to be able to use it.
Copy this and paste it in your .env or .env.local.
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
OPENAI_API_KEY=