Dav/Devs Frontend Mentor Projects
Here is a collection of my submissions for the Frontend Mentor challenges. I noticed I was doing backend work in my day job, so I used my free time to tackle these frontend projects. I always aim to be well-rounded. My motto for these projects was to keep it raw and straightforward--meaning pure HTML, CSS, and native JavaScript. No fancy stuff like jQuery, React or SASS. This also allowed me to explore new native features like the HTML dialogue element and container queries.
![Notifications Page](/images/screenshots/fem-notifications-page.png)
Notifications Page
6 Jan 2023
![Multi-step Form](/images/screenshots/fem-multi-step-form.png)
Multi-step Form
23 Dec 2022
![News Homepage](/images/screenshots/fem-news-homepage.png)
News Homepage
14 Dec 2022
![Profile Card Component](/images/screenshots/fem-profile-card-component.png)
Profile Card Component
7 Dec 2022
![Article Preview Component](/images/screenshots/fem-article-preview-component.png)
Article Preview Component
23 Nov 2022
![Order Summary Component](/images/screenshots/fem-order-summary-component.png)
Order Summary Component
19 Sep 2022
![Product Preview Card Component](/images/screenshots/fem-product-preview-card-component.png)
Product Preview Card Component
19 Sep 2022
![FAQ Accoridon Card](/images/screenshots/fem-faq-accordion-card.png)
FAQ Accoridon Card
7 Sep 2022
![Testimonials Grid](/images/screenshots/fem-testimonials-grid.png)
Testimonials Grid
26 Aug 2022
![Loopstudios Landing Page](/images/screenshots/fem-loopstudios-landing-page.png)
Loopstudios Landing Page
25 Aug 2022
![Crowdfunding Product Page](/images/screenshots/fem-loopstudios-landing-page.png)
Crowdfunding Product Page
22 Aug 2022
![NFT Preview Card Component](/images/screenshots/fem-nft-preview-card-component.png)
NFT Preview Card Component
22 Aug 2022
![Expenses Chart Component](/images/screenshots/fem-expenses-chart-component.png)
Expenses Chart Component
17 Aug 2022
![Stats Preview Card Component](/images/screenshots/fem-stats-preview-card-component.png)
Stats Preview Card Component
16 Aug 2022
![3-Column Preview Card Component](/images/screenshots/fem-3-column-preview-card-component.png)
3-Column Preview Card Component
16 Aug 2022
![Sunnyside Agency Landing Page](/images/screenshots/fem-sunnyside-agency-landing-page.png)
Sunnyside Agency Landing Page
12 Aug 2022
![Interactive Comments Section](/images/screenshots/fem-interactive-comments.png)
Interactive Comments Section
2 Aug 2022
![Time Tracking Dashboard](/images/screenshots/fem-time-tracking-dashboard.png)
Time Tracking Dashboard
1 Aug 2022
![Advice Generator App](/images/screenshots/fem-advice-generator-app.png)
Advice Generator App
29 Jul 2022
![Interactive Rating Component](/images/screenshots/fem-interactive-rating-component.png)
Interactive Rating Component
29 Jul 2022
![Tip Calculator App](/images/screenshots/fem-advice-generator-app.png)
Tip Calculator App
29 Jul 2022
![QR Code Component](/images/screenshots/fem-qr-code-component.png)
QR Code Component
28 Jul 2022
![Intro section with dropdown navigation](/images/screenshots/fem-snap.png)
Intro section with dropdown navigation
27 Jul 2022
![Manage Landing Page](/images/screenshots/fem-manage.png)
Manage Landing Page
19 Jul 2022