Skip to content

DEV Community

Weekly UI

Design one UI component per week, and implement one feature per day.

about #weeklyui

#weeklyui is a weekly exercise to help expand one's design and development skills, adding features in incrementally, and showing your results to the community!

Any questions? Contact @geoff via twitter or by replying to a post with your question(s).

Current Challenge

Check out the schedule and steps for the current challenge:

Results Page

(Sunday 4/22) Design component
Result entry, sponsored/best seller indicators
Grid/list view toggles
Sorting
Pagination/load more
100% a11y score
Tweaks, refactors, fixes

Past Challenges

Ecommerce Listing (Wk1)

Search Bar (Wk2)

👋 Sign in for the ability to sort posts by relevant, latest, or top.

Apr 24 '18

Weekly UI Challenge Week 3 Day 2: Add result entry, sponsored/best seller indicators

#challenge #ui #weeklyui #react

2 min read

Apr 23 '18

Weekly UI Challenge Week 3 Day 1: Design a Results Page

#challenge #ui #weeklyui #design

2 min read

Apr 21 '18

Weekly UI Challenge Week 2 Day 6: Score 100% in an a11y audit

#challenge #ui #weeklyui #a11y

3 min read

Apr 21 '18

Weekly UI Challenge Week 2 Day 7: Tweaks, refactors, fixes

#challenge #ui #weeklyui

2 min read

Apr 19 '18

Weekly UI Challenge Week 2 Day 4: Integrate autocomplete functionality

#challenge #ui #weeklyui #react

2 min read

Apr 20 '18

Weekly UI Challenge Week 2 Day 5: Past search term indicators

#challenge #ui #weeklyui #react

2 min read

Apr 18 '18

Weekly UI Challenge Week 2 Day 3: Add a submit button

#challenge #ui #weeklyui #react

3 min read

Apr 15 '18

Weekly UI Challenge Week 2 Day 1: Design a Search Bar

#challenge #ui #weeklyui #design

2 min read

Apr 17 '18

Weekly UI Challenge, Week 2: Search Input, Part 1

#challenge #weeklyui #design

3 min read

Apr 17 '18

Weekly UI Challenge Week 2 Day 2: Add an input field

#challenge #ui #weeklyui #react

3 min read

Apr 14 '18

Weekly UI Challenge Week 1 Day 7: Tweaks, refactors, fixes

#challenge #ui #weeklyui #react

2 min read

Apr 13 '18

Week 1 Day 5: Color Variant Thumbnail Buttons

#ui #weeklyui #react

3 min read

Apr 13 '18

Week 1 Day 6: Score 100% in an a11y audit

#ui #weeklyui #react #a11y

4 min read

Apr 10 '18

Week 1 Day 3: Add to Cart, Favorite Buttons

#ui #weeklyui #react

3 min read

Apr 10 '18

Week 1 Day 2: Display Product Name, Price, and Image

#ui #weeklyui #react

3 min read

👋 Sign in for the ability to sort posts by relevant, latest, or top.