Web-Based Simple Note Management App
Budget: $30 – $250 USD
I am seeking a skilled developer to build a simple yet efficient Web-based Notes App. The app's primary function should be to allow users to easily add, view, edit, and delete notes.
Key Features:
- Add Notes
- Edit Notes
- Delete Notes
- View Notes
Since this app is web-based, it must be fully responsive and adhere to best practices for web development. The app does not require any feature for user login or authentication.
Requirements:
Frontend:
- Implement the user interface with Next.js and style it using Tailwind CSS.
- Create responsive layouts for adding and viewing notes.
- Use client-side validation for forms with informative error messages.
Backend:
- Set up a SQLite database using Prisma for storing notes. Each note
should include properties like id, title, and content.
- Develop API routes in Next.js or use tRPC for CRUD operations,
interfacing with the database via Prisma.
- Ensure type safety in API calls, benefiting from TypeScript and tRPC (if
used).
Deliverables:
1. Project Setup: A Next.js application with TypeScript, configured with Tailwind
CSS, Prisma, and optionally tRPC.
2. Database Schema: A Prisma schema file defining the Note model.
3. API Implementation: CRUD operations for notes, implemented through Next.js
API routes or tRPC procedures.
4. Frontend Implementation: User interfaces for listing, adding, editing, and deleting
notes, built with Next.js and styled with Tailwind CSS.
5. Documentation: A README file detailing setup instructions, project structure,
and how to run the application.
Key Features:
- Add Notes
- Edit Notes
- Delete Notes
- View Notes
Since this app is web-based, it must be fully responsive and adhere to best practices for web development. The app does not require any feature for user login or authentication.
Requirements:
Frontend:
- Implement the user interface with Next.js and style it using Tailwind CSS.
- Create responsive layouts for adding and viewing notes.
- Use client-side validation for forms with informative error messages.
Backend:
- Set up a SQLite database using Prisma for storing notes. Each note
should include properties like id, title, and content.
- Develop API routes in Next.js or use tRPC for CRUD operations,
interfacing with the database via Prisma.
- Ensure type safety in API calls, benefiting from TypeScript and tRPC (if
used).
Deliverables:
1. Project Setup: A Next.js application with TypeScript, configured with Tailwind
CSS, Prisma, and optionally tRPC.
2. Database Schema: A Prisma schema file defining the Note model.
3. API Implementation: CRUD operations for notes, implemented through Next.js
API routes or tRPC procedures.
4. Frontend Implementation: User interfaces for listing, adding, editing, and deleting
notes, built with Next.js and styled with Tailwind CSS.
5. Documentation: A README file detailing setup instructions, project structure,
and how to run the application.