My Vibe Coding Adventure: Building a Note-Taking App with AI

Read my blog article on my vibe coding experience.

Use this prompt example as a starting point to build your Product Design Document.

This repository shows you the result of implementing Phase 1 and 4 of the implementation plan. I removed Phase 2 and 3 to make it easier for you to test it locally as such phases rely on AWS Amplify.

Run this project locally

1. Clone the repo locally
2. Run npm install --legacy-peer-deps in your project folder to install dependencies.
3. Run npm run dev and open localhost:3000 in your browser to see it live.

The project runs React 19 and some dependencies do not support React 19 yet, so that's why you need to add the legacy peer dependencies.

Connect with me

Let me know what you have build by connecting with me on LinkedIn.