![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1920,fit=crop/dOqMPWpQnLHpn6X2/macbook-pro-psd-mockup2-AGBrMGa9arIpqgBE.png)
CHALLENGE
Design a Reddit Crawler
Design a website that allows users to stay up to date in their areas of interest (e.g. news, movies, music) in a glimpse. Use reddit channels as the source for information. The page should be available through a simple web-interface that can be accessed on desktop as well as from mobile devices. Also, think of additional features that help finding the right articles/posts fast or would improve the website in general.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=285,h=249,fit=crop/dOqMPWpQnLHpn6X2/group-mjELP2wlXzIg71V0.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=315,h=264,fit=crop/dOqMPWpQnLHpn6X2/group-mjELP2wlXzIg71V0.png)
/1 Understanding the problem
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=333,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-2-dOqX7N8DnzFpBkbm.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=141,fit=crop/dOqMPWpQnLHpn6X2/group-2-dOqX7N8DnzFpBkbm.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=327,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-3-mnl765qJKwfM1nRv.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=144,fit=crop/dOqMPWpQnLHpn6X2/group-3-mnl765qJKwfM1nRv.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=340,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-5-mp8X67qJrbuvoxV5.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=144,fit=crop/dOqMPWpQnLHpn6X2/group-5-mp8X67qJrbuvoxV5.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=334,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-6-A3QEPrO71MUygaEp.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=140,fit=crop/dOqMPWpQnLHpn6X2/group-6-A3QEPrO71MUygaEp.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=333,h=120,fit=crop/dOqMPWpQnLHpn6X2/group-4-Y4LE8pxvXwF714E8.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=144,fit=crop/dOqMPWpQnLHpn6X2/group-4-Y4LE8pxvXwF714E8.png)
/2 Gathering information and getting inspiration
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=356,h=218,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.27.16-pm-AQEX4VenzWu1jKXZ.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=219,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.27.16-pm-AQEX4VenzWu1jKXZ.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=356,h=218,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.27.24-pm-AMqXxpDoP1tVpDOA.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=252,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.27.24-pm-AMqXxpDoP1tVpDOA.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=356,h=218,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.27.37-pm-AMqXxpDoGofebLNW.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=260,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.27.37-pm-AMqXxpDoGofebLNW.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=356,h=218,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-04-at-9.24.49-pm-mp8X674VOLU0DnwG.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=217,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-04-at-9.24.49-pm-mp8X674VOLU0DnwG.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=356,h=218,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-04-at-9.24.37-pm-mnl7654PV5Cb337N.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=244,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-04-at-9.24.37-pm-mnl7654PV5Cb337N.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=356,h=218,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-04-at-9.25.01-pm-dOqX7NZPQgsO74BZ.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=232,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-04-at-9.25.01-pm-dOqX7NZPQgsO74BZ.png)
What is a Web Crawler? 🤔
It is a spider or spider bot and often shortened to crawler, is an Internet bot that systematically browses the World Wide Web.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=264,h=142,fit=crop/dOqMPWpQnLHpn6X2/bitmap-mk3Ly5V0paC4vXL0.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=186,fit=crop/dOqMPWpQnLHpn6X2/bitmap-mk3Ly5V0paC4vXL0.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=494,h=268,fit=crop/dOqMPWpQnLHpn6X2/group-7-AMqXxpoMkliJ5MDV.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=201,fit=crop/dOqMPWpQnLHpn6X2/group-7-AMqXxpoMkliJ5MDV.png)
/3 Wireframing
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=441,h=320,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.36.12-pm-Yan2MzV3XDI1wKJy.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=280,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.36.12-pm-Yan2MzV3XDI1wKJy.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=450,h=320,fit=crop/dOqMPWpQnLHpn6X2/desktop-hd-m6L4Dr0on8FDvQ5Q.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=272,fit=crop/dOqMPWpQnLHpn6X2/desktop-hd-m6L4Dr0on8FDvQ5Q.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=400,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.42.11-pm-AQEX4VnGR5ibjOq3.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=408,fit=crop/dOqMPWpQnLHpn6X2/screen-shot-2021-02-05-at-2.42.11-pm-AQEX4VnGR5ibjOq3.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=400,fit=crop/dOqMPWpQnLHpn6X2/1-YyvkP2VqM1FonzJV.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=405,fit=crop/dOqMPWpQnLHpn6X2/1-YyvkP2VqM1FonzJV.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=400,fit=crop/dOqMPWpQnLHpn6X2/8-mv0x4lV9vLconVX2.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=396,fit=crop/dOqMPWpQnLHpn6X2/8-mv0x4lV9vLconVX2.png)
/4 Prototyping - Web
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1121,h=806,fit=crop/dOqMPWpQnLHpn6X2/23-AR0l7VK5oGFDD8xq.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=272,fit=crop/dOqMPWpQnLHpn6X2/23-AR0l7VK5oGFDD8xq.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1121,h=806,fit=crop/dOqMPWpQnLHpn6X2/34-YbNDZyVbnJtvKV4N.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=264,fit=crop/dOqMPWpQnLHpn6X2/34-YbNDZyVbnJtvKV4N.png)
Light mode
Dark mode
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1121,h=895,fit=crop/dOqMPWpQnLHpn6X2/group-8-Yg21alPPLnFaaz23.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=296,fit=crop/dOqMPWpQnLHpn6X2/group-8-Yg21alPPLnFaaz23.png)
/5 Prototyping - Mobile App
Preference test: Which one would you pick?
A: Your news channels are on top and no navigation bar or floating buttons.
B: Your news channels are in a floating button. Clicking on it you can filter which channels you want to browse or add new.
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=297,h=640,fit=crop/dOqMPWpQnLHpn6X2/2-m7VEMk089MHkaB4q.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=311,h=692,fit=crop/dOqMPWpQnLHpn6X2/2-m7VEMk089MHkaB4q.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=297,h=640,fit=crop/dOqMPWpQnLHpn6X2/4-2-AMqXxpoaOJHRvyRl.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=329,h=723,fit=crop/dOqMPWpQnLHpn6X2/4-2-AMqXxpoaOJHRvyRl.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=297,h=640,fit=crop/dOqMPWpQnLHpn6X2/5-dWxMw0Ke3wU73o2r.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=413,fit=crop/dOqMPWpQnLHpn6X2/5-dWxMw0Ke3wU73o2r.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=297,h=640,fit=crop/dOqMPWpQnLHpn6X2/group-9-AR0l7J5e9QT02JaD.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=415,fit=crop/dOqMPWpQnLHpn6X2/group-9-AR0l7J5e9QT02JaD.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=297,h=640,fit=crop/dOqMPWpQnLHpn6X2/group-10-YbNDZaOb1KIKlzO9.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=424,fit=crop/dOqMPWpQnLHpn6X2/group-10-YbNDZaOb1KIKlzO9.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=297,h=640,fit=crop/dOqMPWpQnLHpn6X2/66-A0x4WrpWV0F6WoQA.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=185,h=424,fit=crop/dOqMPWpQnLHpn6X2/66-A0x4WrpWV0F6WoQA.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=297,h=640,fit=crop/dOqMPWpQnLHpn6X2/ad-m2Wblr0l4OUWpJ68.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=816,fit=crop/dOqMPWpQnLHpn6X2/ad-m2Wblr0l4OUWpJ68.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=297,h=640,fit=crop/dOqMPWpQnLHpn6X2/ddd-AoPE6NV6GzTg3B1l.png)
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=382,h=840,fit=crop/dOqMPWpQnLHpn6X2/ddd-AoPE6NV6GzTg3B1l.png)
Light mode
Dark mode
![](https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1920,fit=crop/dOqMPWpQnLHpn6X2/man-holding-iphone-mockup_-A856e8pNwBTp6NDd.png)