🚀 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
I’m currently using windsurf, and honestly, it’s been fantastic for me. Despite some minor bugs (not a dealbreaker), I haven’t faced the issues others mention.
AI tools can do wonders—but only if you use them right.
How? By giving the AI clear and specific instructions. I shared:
• Exact requirements
• Context about the design system
The result? The AI generated code that looked great right out of the box.
💡 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
3️⃣ Building a component library is no joke:
Initially, I thought it’d be easy. Spoiler: it’s not. Major kudos to people like shadcn and others who’ve created polished, functional libraries—it’s no small feat.
What’s your biggest lesson from building dev products? Drop it below! 👇
2️⃣ Momentum matters: I took too long to complete it.
Between freelance commitments, a 9–5 job, and other tasks, I lost momentum. That delay made progress harder than it needed to be. Lesson learned: keep the momentum alive at all costs!
1️⃣ Mistake 101: Building without validating the need.
I started working on this app because I thought it would be good. Big mistake. Always validate whether there’s a real need for the product before jumping in.
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:
ahh, work! 🥲
Thanks Ryan, it's already there. You checkout an anime then you can get recommendation based on that one.
#buildinpublic
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? 🤔
Should I buy a new domain for my launch? 🤔
I’m about to complete the component library I’ve been building, and the MVP is set to launch this week 🚀
Tech stack: nextjs with shadcn
With a little help from v0
For now, I’m launching without a new domain.
That’s it! 🎉
Need more tips or a deeper dive into any of these steps? Let me know!
9. Apply consistently
Send 6-8 proposals daily with effort and focus.
🤞 If you follow this process (and get a little lucky),
you’ll land your first gig in 24-48 hours.
8. Apply with value, not desperation
Make each proposal unique.
🎯 Focus on:
• What you can offer.
• Why you’re excited about their project.
This alone sets you apart.
7. Cover letter template
Here’s a structure that works:
“Working on [Project Name] excites me because [Your Reason]. If you need help with [specific task], let’s connect and discuss it further.
Here’s my portfolio: [Your Site]
Thank you,
[Your Name]
6. Write a concise, tailored cover letter
Make it about them and their project.
✨ No fluff. No long essays.
5. Select gigs wisely
Remember, connects are limited.
🛠 Spend time reading the job description.
✔️ Check if your skills match the requirements.
✔️ Ensure no specific criteria (like location) limits your chances.
4. Search for gigs
Use targeted keywords like:
• Frontend developer
• React developer
• Next.js fullstack developer
Add filters for best results:
• Proposals: Maximum 15
• Project length: < 1 month
• Pricing: Based on your preference (keep in min)
3. Invest in connects
On Upwork, you need connects to apply to gigs.
💡 Buy a small pack of connects—it’s worth it.
Since you’re paying, apply wisely.
2. Choose your platform
Let’s focus on Upwork.
✅ Pick your niche. For example, mine are:
• Frontend Dev
• Fullstack Dev
✅ Create a profile centered around that niche.
1. Set realistic expectations
Freelance platforms are competitive.
Your first goal?
Get that first gig and a great review.
👉 Don’t expect to land $1,000 deals when you’re just starting out with no experience or testimonials.
How to land your first freelance gig in just 24-48 hours 🚀
This guide is tailored for Upwork but works for other platforms too.
Follow these steps and remember—skills matter!
How to get your first freelance client under 24 hours on Upwork
or on any other platform?
It boils down to two things:
1️⃣ Show that you care
2️⃣ Provide value
This is how I got my first client
Should I share a step-by-step process to help you land your first client? 👀
Let me know!
#buildinpublic
💯 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
I built an MVP in just 2 days for a client:
• Used v0 for the initial setup
• windsurf to bring it all together
Blown away by how good Windsurf is! Its agent-like ‘Cascade’ feature really shines, especially for UI.
Planning to build another one MVP soon. Stay tuned!
#buildinpublic #MVP #AI
