Sitemap
We’ve moved to freeCodeCamp.org/news

We’ve moved to https://freecodecamp.org/news and publish tons of tutorials each week. See you there.

A coding project a day for 20 days

6 min readJan 9, 2019

--

Tools

Collecting inspiration from Awwwards, CodePen, and Dribbble

Creative Process

1. Get an idea (30 min)

A brainstorm

2. Find examples (30 min)

3. Create! (rest of the day)

Days 1–9: recreating examples

20 Days: Recreating awwward’s pottermore.com
20 Days: Recreating awwward’s thisisclimate.com
20 Days: Recreating Søren Schrøder’s Dribbble shot
20 Days: A twist on Rafael González’s Shaded Progress Bars
20 Days: Recreating Ghani Pradita’s Dribbble shot
20 Days: Recreation of Tinder’s onboarding

Days 10–20: Develop original ideas

20 Days: Created a cute AI chatbot to chat with!
20 Days: Created an idea I’ve been thinking about for a long time — a painter who paints where your mouse goes!
20 Days: Challenged myself to create some of my favorite text aesthetics like speech bubbles and neon signs
20 Days: Created 5 fonts, which was on my bucket list
20 Days: Created a notes app where I aimed to create a warmer atmosphere and greater personalization of notes than current notes apps!
20 Days: Created another idea I’ve always had of brushing away a smiling portrait to reveal darkness underneath

Reflection

1. Learned lifelong knowledge.

2. Never enough time.

3. Grew confident in myself.

With every completed project, I grew more confident in my skills, ambition, and ability to achieve goals.

--

--

Responses (14)