🚀 Hero Section Update!

Got this Hero section revamped in just a few minutes.

Previously, it was plain text with a background gradient.
Now? It’s got that polished vibe!

How does it look? 👇

#buildinpublic

💡 Context is everything.

When using AI in development to speed up your workflow, having context and giving context is the game-changer.

Here’s a page I built for my anime recommendation app.
It took me just a few minutes to:
• Add the cards
• Add simple animations
• Make them look decent enough

Building or planning to build a dev product? Read this!

I’ve been working on an app called Vitark for the past few weeks. 🚀

And finally, it’s launching! 🎉
vitark.vercel.app

Here are some lessons learned and mistakes made along the way that might help you:

What features would make an anime recommendation app awesome?

I’m building one right now and brainstorming some cool ideas.

Here are 2 features I’m thinking of adding:
• Anime based on your current mood 🎭
• Beginner-friendly recommendations 🌟

What else should I include? 🤔

💯 Tip for you: Use CSS Grid/Flexbox over tables.

Was working on a GitHub-style contribution graph. Started with tables but soon realized it was a nightmare for styling.

If you’re thinking of using tables, consider if Grid or Flexbox can achieve the same or even better results.
It’s worth it!

UPDATE!

✔️ Listing anime
✔️ Recommendations
✔️ Bookmarks

@windsurf_ai
is crushing it in both UI and functionality

💡 Pro tip: If you’re building a product or MVP, maximize your productivity with a tight development flow.

🧵 A detailed thread on my process is dropping today.

Working on a component library, and the MVP is almost ready!

This @github.com - style contribution graph is the final piece to complete the puzzle.

My goal?
Make it super easy for devs to implement this in their projects. Just copy, paste, & you’re good to go.

Stay tuned!

I said I’d build an MVP & here it is!

I’m building an Anime recommendation app with:

- ChatGPT for project planning
- @v0 to begin with
- @windsurf_ai to polish the design and add functionality
- Next.js, @shadcn, and @appwrite

More updates and complete process tomorrow.

#buildinpublic

Making solid progress on the app

- Setup and installation pages ✅
- Dark mode is looking good 🌑

Building the 3rd and final component before the MVP release.

#buildinpublic

Using windsurf for a day, and here’s what I’ve learned:

• It holds its own against Cursor
• Excels in some areas, needs polish in others

The best feature? Cascade—an AI agent-like functionality.

Pro tip: Prompt it well, and it’ll create some pretty impressive UI.

10 more 🌟

Never thought I’d get this many stars when I started this project.

Ran into an unexpected bug in my app today.
Currently trying to fix it.

Not every day is fun and games, or a win.

Debugging, refactoring, building.

Building the MVP of my component library

2nd component is working. Need to collect and render the code itself.

Moving on to the next component - Filter

Tiny little details

Building the component library, one piece at a time.

First component is shaping up-

💻 Preview the component in action
📄 Switch tabs to check out the code

Building the docs and components of the component library I am building.

It's time.

Trying Cursor for the first time.