Announcing !

An open source wireframe to app tool powered by Llama 3.2 vision. Upload a screenshot of a simple site/design & get code.

100% free and open source. napkins.dev
Here's the GitHub repo! Also, shoutout to @YoussefUiUx for the great design.

github.com/Nutlope/napkins

Introducing LlamaCoder!

An open source Claude Artifacts app that can generate full React apps and components with Llama 3.1 405B. 100% free and open source.

llamacoder.io
Here's the GitHub repo! Shoutouts to @YoussefUiUx for the great design and @samselikoff for helping me build it.

github.com/Nutlope/llamac…

I built Restore Photos in a single weekend 4 months ago and today, it hit 1 million unique visitors!

It's also still averaging 260k monthly visits with most of the traffic coming from Google.

Here's exactly how I built it: I made a 4 minute video where I walk through exactly how I built it here, along with the code!

Lemme know if y'all wanna see more videos like this.

https://twitter.com/nutlope/status/1614794731396931585

150,000 people created accounts on roomGPT since I required accounts auth 4 days ago 🤯

Here's how I added auth and got the word out about roomGPT: To add auth to roomGPT, I used:

◆ @nextauthjs for authentication with OAuth (Google)
◆ @neondatabase to store user info (name, email)
◆ @upstash redis to limit folks to 3 generations / day

The full PR is here:

github.com/Nutlope/roomGP…

Just added authentication and rate limiting to one of my side projects, restorephotos.io!

I average 8,000 visitors a day to this site so curious to see how traffic changes now that folks are required to login with Google to use it.

More on the tech, code, and visitors: In the last month, it's gotten 200k unique visitors and averages around 8,000 visitors a day.

Will report back with how visitors are impacted tomorrow now that there's auth required + limited generations (5/day).

So far 65 people have made an account in the last 20 minutes.

24h update after launching roomGPT.io yesterday:

◆ 42,000 rooms generated
◆ 31,000 unique visitors
◆ 850 GitHub stars
◆ Frontpage of HN

My best performing side project so far! More details in the thread about cost & visitors. Visitors are pretty distributed around the world which is cool to see.

Also saw it mentioned in a YouTube short and some articles on the internet already!

Announcing roomGPT!

Redesign your room in seconds with AI! 100% free and open source.

roomgpt.io As promised, it's fully open source. Here's the GitHub repo!

github.com/Nutlope/roomGPT

Introducing Twitter Bio Generator!

Copy your current twitter bio & get improved variations using AI.

100% free & open source → twitterbio.com Powered by @openai and @vercel edge functions. This solves a very interesting serverless timeout problem for users on Vercel's hobby tier.

2 minute tutorial video coming soon about how I built this!

Spent a few weeks learning how to build a search engine for content creators so I thought I'd share my knowledge.

Here's how to build a personalized search engine from scratch in 6 tweets using python, react & @supabase_io 👇 1/ Use Selenium (python web scraping & automation library) to scrape YouTube video info from a channel.

All you need to scrape is the video URL and video name.

The Naval Almanack by @EricJorgenson was one of my favorite books of 2020.

Incredible life and work advice from @naval distilled into 200 pages.

Here's a thread of my top 10 takeaways 👇 1. Build wealth

Wealth = assets that earn while you sleep. You won't get rich renting out your time.

Examples of wealth:

- Info products like courses/books
- Monetized YouTube / newsletter
- Owning part of a business
- Startup or Saas

How to build a career in tech ft. @cassidoo

Cassidy is an incredibly accomplished principal software engineer and a well known figure in the tech & web dev space.

Let's take a look at how she succeeded and break down her advice in 8 tweets. 👇 1/ Cassidy spoke at the white house and did a hackathon on a plane with well-known professionals in tech as a college student.

How did she do this?

She attributes this simply to asking. Cold email people asking for opportunities, network, and follow up.

A useful mental model for developer roles.

If you've ever wondered how different software engineering roles fit in together & where you fall in the spectrum, this thread is for you.

I break down @swyx's mental model on the different roles of software developers in 6 tweets. First, here's a picture of the entire mental model (courtesy of @Coding_Career).

Let's dive into it by starting at the lowest level: the hardware layer.

Time management from a dying professor.

When Randy Pausch, a renowned Computer Science professor, got cancer, he decided to give one last lecture on time management before he died.

These are my top 10 takeaways from his brilliant lecture. 👇 1. Focus on the highest value tasks & ignore/delegate the rest (see #4)

2. Strive for good enough to take advantage of the 80/20 rule, but make sure you do it right

3. "Finding time to do things" doesn't exist. You need to make time by actively choosing not to do something else

Reading through @kvlly's book, Start Freelancing Today, and it blew me away with how much actionable advice it has.

This is a thread of key takeaways as I go through the book. 1/ Specialize, Specialize, Specialize

Specialize in a niche instead of staying a general freelancer. This will allow you to:
- Be able to charge more
- Become better at what you do
- Establish yourself as a subject matter expert

https://twitter.com/study_web_dev/status/1291292767503736832

Atomic Habits by @JamesClear is quite literally a life-changing read.

Here are my top takeaways in 8 tweets 👇 1. The motivation

We're often told that we need to make drastic changes if we want to change our lives, but what if we could achieve major transformations by making small tweaks to our routines?

Small changes consistently over time = huge change.

@dan_abramov’s overreacted article about the things he doesn’t know was a very refreshing read.

Here are my top 3 takeaways. 1/ You really don’t have to know everything.

Dan admits to not knowing modern CSS, TypeScript, most algorithms, docker, and serverless.

This helped me feel much better about myself and gave me more motivation to keep going.

Preparing for my first front-end dev interview in two days!

Here's a thread of what I'm learning & reading to prepare. (Any advice is welcome!)

#CodeNewbies #FrontEndDevelopment Basics:

• HTML Semantic markup - hongkiat.com/blog/html-5-se…
• HTML practice interview questions - github.com/yangshun/front…
• How websites work & HTTP @rwieruch 's amazing article - robinwieruch.de/web-applicatio…

Reading through @swyx's book, @Coding_Career - so much amazing advice about being a great developer!

This is a thread of key takeaways as I go through the book. Key insight #1: Strategies for beginners

* Adopt a "No Zero Days" mindset or #100daysofCode
* Listen to podcasts to learn the lingo of developers
* Gamify the experience (make a roadmap and follow it)
* Understand the dev workflow (deploying, testing, builds...)

Reading through @RandallKanna's book, the Standout Developer, and it's packed with great info!

This is a thread of key takeaways as I go through the book. Key takeaway #1: Have a niche.

1. Learn about something specific and become good at it
2. Share your knowledge publicly (blogs/Twitter/YouTube)
3. Consistently provide value & become known as an expert
4. Apply to speak at conferences
5. Write a book on it

How I doubled my productivity: The 5 step process I've been using over the years to get stuff done.

1. Have a CLEAR goal for the day (Daily Highlight concept from Make Time) 2. Work in 25 minute chunks of time each with a singular task/goal, followed by a 5–10 minute break, and longer breaks after every 3–4 sessions (Pomodoro Technique).

If you get into a "flow" state, work longer than 25 minutes until you get tired.

A short but powerful story about success.

May, 2011. Recent college graduate Melanie got to thinking about her years of frustration on how hard it was to use tools like Illustrator and Photoshop to create flyers and graphics. (1/4) To create a simple flyer, one would need to purchase these programs and overcome a steep learning curve with several hours of training.

“There’s got to be a better way”, she thought. Yet despite thoroughly searching for other products, she couldn’t find a good alternative. (2/4)