A fun project to practice building and shipping apps with AI

Trak your daily tasks with Trakr

Meet Trakr—a simple yet powerful NextJS application designed to help you effortlessly track, time, and complete all your daily tasks.

Curious about how I'm accelerating development with AI? Scroll down 👇

Trusted by 1 user - ME! (so far)

This app seems cool, but I have not tried it yet!

- You, Probably.

Fr Fr…let's talk about the goals of this build

Simplicity

Keep it so simple that even your grandma can use it... while she's on a Zoom call with her cat. Trakr is designed to be cleaner than your browser’s incognito history, so you can track tasks without feeling like you’re cracking a secret code.

Easy peasy, tasky squeezy!

All AI tooling

The mission? Build this bad boy using only AI tools, because if AI can write poetry and beat humans at chess, it can definitely help me build a NextJS app.

So yeah, we let the robots do the heavy lifting. (No, they didn’t take my job... yet.)

Authentication

Signing in should be as easy as forgetting your New Year’s resolutions. So, I said “Hey, Clerk! Do your thing!”

It's like the bouncer at a VIP club but way friendlier. You won’t need to remember a billion passwords, just log in and strut in like you own the place!

Deployment (Ship it FAST)

Deploying this thing? No stress, no mess. I tossed Trakr onto Vercel like tossing a pizza in the oven.

Ding! It’s live! Vercel’s so smooth, it's basically the butter of deployment platforms. Now we can kick back and pretend we’re tech geniuses without breaking a sweat.

Deeper dive into the tools

Claude + OpenAI For Ideas

I started passing ideas into these two tools and went back and forth pasting in responses from OpenAI into Claude and vice versa until I was able to get a strong project base.

Claude + OpenAI For Ideas

I started passing ideas into these two tools and went back and forth pasting in responses from OpenAI into Claude and vice versa until I was able to get a strong project base.

Claude + OpenAI For Ideas

I started passing ideas into these two tools and went back and forth pasting in responses from OpenAI into Claude and vice versa until I was able to get a strong project base.

v0 by vercel For React Components

I took the ideas on implementaion to v0 where I started using the responses from OpenAI and Claude to start structuring the components. This part took about 3 hours and about 56 versions of the componets

v0 by vercel For React Components

I took the ideas on implementaion to v0 where I started using the responses from OpenAI and Claude to start structuring the components. This part took about 3 hours and about 56 versions of the componets

v0 by vercel For React Components

I took the ideas on implementaion to v0 where I started using the responses from OpenAI and Claude to start structuring the components. This part took about 3 hours and about 56 versions of the componets

Cursor IDE for Developement

This part was pretty easy. I created a NextJs project in Cursor, installed the project from v0 with all the other dependencies and ran everything locally. I did some more refinement here, but not much, everyhing was done in v0 from a styling and UI prospective

Cursor IDE for Developement

This part was pretty easy. I created a NextJs project in Cursor, installed the project from v0 with all the other dependencies and ran everything locally. I did some more refinement here, but not much, everyhing was done in v0 from a styling and UI prospective

Cursor IDE for Developement

This part was pretty easy. I created a NextJs project in Cursor, installed the project from v0 with all the other dependencies and ran everything locally. I did some more refinement here, but not much, everyhing was done in v0 from a styling and UI prospective

Clerk For Authenticaiton

Building out the authentication was the most challenging part of the build. I had never done this before but Clerk makes is super easy to implement authentication in your applications. It's an out-of-the box tool that is intalled in your project and takes a bit of configuration. Clerk supports up to 10k users on their free tier which is awesome.

Clerk For Authenticaiton

Building out the authentication was the most challenging part of the build. I had never done this before but Clerk makes is super easy to implement authentication in your applications. It's an out-of-the box tool that is intalled in your project and takes a bit of configuration. Clerk supports up to 10k users on their free tier which is awesome.

Clerk For Authenticaiton

Building out the authentication was the most challenging part of the build. I had never done this before but Clerk makes is super easy to implement authentication in your applications. It's an out-of-the box tool that is intalled in your project and takes a bit of configuration. Clerk supports up to 10k users on their free tier which is awesome.

Vercel for deployment

I deployed the applicaiton on Vercel. They make it super easy to deploy NextJs apps on vercel and I havent even paid for hosting yet!

Vercel for deployment

I deployed the applicaiton on Vercel. They make it super easy to deploy NextJs apps on vercel and I havent even paid for hosting yet!

Vercel for deployment

I deployed the applicaiton on Vercel. They make it super easy to deploy NextJs apps on vercel and I havent even paid for hosting yet!

I wanted to ship something…simple

Honestly, I had no idea what I was doing.

Like, zero clue. So, naturally, I did what every lost soul does—I signed up for v0 and the new Cursor IDE, because who needs a plan when you’ve got cool-sounding tools?

I kicked things off with some basic prompt engineering (a fancy way of saying I was typing random stuff and hoping for magic). Spoiler alert: It kind of worked!

Because calling it "Stuff I Should Probably Do" gets old. Name it, rename it, or give it a new identity every day—it’s like witness protection for all of your tasks

Dark Mode: Because Who Even Likes Light Mode Anyway?

Let's be real—dark mode isn’t just a feature; it’s a lifestyle. I made it a core part of Trakr because, well, who wants to be blinded by a white screen at 2 AM while panic-finishing their to-do list? Plus, it’s scientifically proven to make you look 200% cooler. So go ahead, embrace the darkness.

I mean, come on. The numbers speak for themselves…

99.9%

Stealthier task-checking

200%

Increase in perceived coolness

Ready to Join the Trakr Revolution?

Don't just sit there staring at your endless to-do list like it's an unsolvable Sudoku.

Smash that button, and let Trakr take the wheel! I promise: no more sticky notes all over your desk, no more "I'll do it tomorrow" (we've all been there).

At the very least, use Trakr and be someone who remembers to water their plants because, they need water too. 🌱

Alrighty, Enough Procrastinating!

You’ve made it this far, which means you’re definitely avoiding something on your to-do list. So why not avoid it in style? Let Trakr turn your chaos into... slightly more organized chaos. Your future self will thank you.

Hardly active on Twitter (do people still call it that? Call me old school, I guess). follow me if you want.
👇

Made for fun by John Carter in, wait, what year is it?…2024

Alrighty, Enough Procrastinating!

You’ve made it this far, which means you’re definitely avoiding something on your to-do list. So why not avoid it in style? Let Trakr turn your chaos into... slightly more organized chaos. Your future self will thank you.

Hardly active on Twitter (do people still call it that? Call me old school, I guess). follow me if you want.
👇

Made for fun by John Carter in, wait, what year is it?…2024

Alrighty, Enough Procrastinating!

You’ve made it this far, which means you’re definitely avoiding something on your to-do list. So why not avoid it in style? Let Trakr turn your chaos into... slightly more organized chaos. Your future self will thank you.

Hardly active on Twitter (do people still call it that? Call me old school, I guess). follow me if you want.
👇

Made for fun by John Carter in, wait, what year is it?…2024