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.

Dec 5 '19

5 Cool React Native Free Templates

#react #reactnative #weeklyui #webdev

3 min read

Nov 15 '19

20 Gorgeous Sites Built with Twitter Bootstrap

#design #webdev #webperf #weeklyui

5 min read

killuminat

Jul 11 '19

Sport

#webpack #webdev #wordpress #weeklyui

1 min read

Apr 27 '18

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

#challenge #ui #weeklyui #a11y

3 min read

Apr 28 '18

Weekly UI Challenge Week 3 Day 7: Tweak, refactor, and/or fix your code

#challenge #ui #weeklyui

1 min read

Apr 27 '18

Weekly UI Challenge Week 3 Day 5: Add a pagination/load more feature

#challenge #ui #weeklyui #react

3 min read

Apr 26 '18

Weekly UI Challenge Week 3 Day 4: Add sorting

#challenge #ui #weeklyui #react

2 min read

Apr 25 '18

Weekly UI Challenge Week 3 Day 3: Add grid/list view toggles

#challenge #ui #weeklyui #react

2 min read

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

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