https://github.com/adrianoescarabote/frontendmentor-challenges
In this repository, I've included most of the Frontend Mentor projects I've completed over time. Each project is a solution to a frontend challenge that involves building a page, website, or application based on a design provided by Frontend Mentor.
https://github.com/adrianoescarabote/frontendmentor-challenges
angular html nextjs svelte vue
Last synced: 11 months ago
JSON representation
In this repository, I've included most of the Frontend Mentor projects I've completed over time. Each project is a solution to a frontend challenge that involves building a page, website, or application based on a design provided by Frontend Mentor.
- Host: GitHub
- URL: https://github.com/adrianoescarabote/frontendmentor-challenges
- Owner: AdrianoEscarabote
- License: mit
- Created: 2024-03-15T18:36:05.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-24T00:12:01.000Z (over 1 year ago)
- Last Synced: 2024-10-24T14:03:45.179Z (over 1 year ago)
- Topics: angular, html, nextjs, svelte, vue
- Language: CSS
- Homepage: https://adrianoescarabote.github.io/frontendmentor-challenges/
- Size: 46.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- Changelog: news-homepage/LICENSE
- License: LICENSE
Awesome Lists containing this project
README
# Frontend Mentor Challenges
This repository contains projects from [Frontend Mentor](https://www.frontendmentor.io/challenges) challenges that I have completed.
github landing page: [https://adrianoescarabote.github.io/frontendmentor-challenges/](https://adrianoescarabote.github.io/frontendmentor-challenges/)
## Projects
| No. | Project name and link | Repo |
| --- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| 1 | [Advice generator app](https://advice-generator-app-jade.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/advice-generator-app) |
| 2 | [Art gallery website](https://adrianoescarabote.github.io/frontendmentor-challenges/art-gallery-website/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/art-gallery-website/) |
| 3 | [Age Calculator app](https://age-calculator-app-flame-alpha.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/age-calculator-app/) |
| 4 | [Article preview component](https://adrianoescarabote.github.io/frontendmentor-challenges/article-preview-component/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/article-preview-component) |
| 5 | [Base apparel coming soon page](https://base-apparel-coming-soon-page-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/base-apparel-coming-soon-page) |
| 6 | [Bento grid](https://bento-grid-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/bento-grid) |
| 7 | [Blog preview card](https://frontendmentor-challenges-lyart.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/blog-preview-card) |
| 8 | [Blogr landing page](https://blogr-landing-page-six-neon.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/blogr-landing-page) |
| 9 | [Browser extensions manager ui](https://browser-extensions-manager-ui-one.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/browser-extensions-manager-ui) |
| 10 | [Calculator app](https://adrianoescarabote.github.io/frontendmentor-challenges/calculator-app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/calculator-app) |
| 11 | [Chat app illustration](https://adrianoescarabote.github.io/frontendmentor-challenges/chat-app-illustration/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/chat-app-illustration) |
| 12 | [Clipboard landing page](https://adrianoescarabote.github.io/frontendmentor-challenges/clipboard-landing-page/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/clipboard-landing-page) |
| 13 | [Column preview card](https://adrianoescarabote.github.io/frontendmentor-challenges/column-preview-card/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/column-preview-card) |
| 14 | [Conference ticket generator](https://conference-ticket-generator-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/conference-ticket-generator) |
| 15 | [Contact Form](https://contact-form-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/contact-form) |
| 16 | [Designo multi page website](https://designo-website-adrianoescarabote.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/Designo-website) |
| 17 | [Easybank landing page](https://easybank-landing-page-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/easybank-landing-page) |
| 18 | [Ecommerce product page](https://ecommerce-product-page-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/ecommerce-product-page) |
| 19 | [Entertainment web app](https://entertainment-web-app-sigma.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/Entertainment-web-app) |
| 20 | [Expenses chart](https://expenses-chart-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/expenses-chart) |
| 21 | [Faq accordion](https://faq-accordion-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/faq-accordion) |
| 22 | [Faq accordion card](https://adrianoescarabote.github.io/frontendmentor-challenges/faq-accordion-card/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/faq-accordion-card) |
| 23 | [Four card feature section](https://adrianoescarabote.github.io/frontendmentor-challenges/four-card-feature-section/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/four-card-feature-section) |
| 24 | [Frontend quiz app](https://frontend-quiz-app-eight.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontend-quiz-app) |
| 25 | [Fylo dark theme landing page](https://adrianoescarabote.github.io/frontendmentor-challenges/fylo-dark-theme-landing-page/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/fylo-dark-theme-landing-page) |
| 26 | [Fylo data storage component](https://adrianoescarabote.github.io/frontendmentor-challenges/fylo-data-storage-component-animated-download-bar/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/fylo-data-storage-component-animated-download-bar) |
| 27 | [Fylo landing page with two column layout](https://adrianoescarabote.github.io/frontendmentor-challenges/fylo-landing-page-with-two-column-layout/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/fylo-landing-page-with-two-column-layout) |
| 28 | [Github user search app](https://github-user-search-app-black.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/github-user-search-app) |
| 29 | [Huddle landing page with alternating feature blocks](https://adrianoescarabote.github.io/frontendmentor-challenges/huddle-landing-page-with-alternating-feature-blocks/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/huddle-landing-page-with-alternating-feature-blocks) |
| 30 | [Huddle landing page with curved sections](https://adrianoescarabote.github.io/frontendmentor-challenges/huddle-landing-page-with-curved-sections/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/huddle-landing-page-with-curved-sections) |
| 31 | [Huddle landing page with single introductory section](https://adrianoescarabote.github.io/frontendmentor-challenges/huddle-landing-page-with-single-introductory-section/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/huddle-landing-page-with-single-introductory-section) |
| 32 | [Insure landing page](https://insure-landing-page-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/insure-landing-page) |
| 33 | [Interactive card details form](https://interactive-card-details-form-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/interactive-card-details-form) |
| 34 | [Interactive pricing component](https://interactive-pricing-component-ruby.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/Interactive-pricing-component) |
| 35 | [Interactive rating component](https://adrianoescarabote.github.io/frontendmentor-challenges/interactive-rating-component/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/interactive-rating-component) |
| 36 | [Intro component with signup form](https://adrianoescarabote.github.io/frontendmentor-challenges/intro-component-with-signup-form/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/intro-component-with-signup-form) |
| 37 | [Intro section with dropdown navigation](https://adrianoescarabote.github.io/frontendmentor-challenges/intro-section-with-dropdown-navigation/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/intro-section-with-dropdown-navigation) |
| 38 | [Invoice app](https://invoice-app-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/Invoice-app) |
| 39 | [Kanban task management web app](https://kanban-task-management-web-app-adrianoescarabote.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/Kanban-task-management-web-app) |
| 40 | [Launch countdown timer](https://launch-countdown-timer-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/launch-countdown-timer) |
| 41 | [Loopstudios landing page](https://loopstudios-landing-page-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/loopstudios-landing-page) |
| 42 | [Link sharing app](https://link-sharing-app-alpha.vercel.app/Login) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/Link-sharing-app) |
| 43 | [Mortgage repayment calculator](https://mortgage-repayment-calculator-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/mortgage-repayment-calculator) |
| 44 | [Multi step form](https://multi-step-form-adrianoescarabote.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/multi-step-form) |
| 45 | [News homepage](https://adrianoescarabote.github.io/frontendmentor-challenges/news-homepage/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/news-homepage) |
| 46 | [Newsletter sign-up form](https://newsletter-sign-up-form-eosin.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/newsletter-sign-up-form) |
| 47 | [Nft preview card](https://adrianoescarabote.github.io/frontendmentor-challenges/nft-preview-card/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/nft-preview-card) |
| 48 | [Nft preview card with golden theme](https://adrianoescarabote.github.io/frontendmentor-challenges/nft-preview-card-with-golden-theme/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/nft-preview-card-with-golden-theme) |
| 49 | [Notifications page](https://adrianoescarabote.github.io/frontendmentor-challenges/notifications-page/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/notifications-page) |
| 50 | [Order summary](https://adrianoescarabote.github.io/frontendmentor-challenges/order-summary-component-main/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/order-summary-component-main) |
| 51 | [Payapi multi page website](https://pay-api-website-adrianoescarabote.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/PayAPI-Website) |
| 52 | [Ping coming soon](https://adrianoescarabote.github.io/frontendmentor-challenges/ping-coming-soon-page/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/ping-coming-soon-page) |
| 53 | [Pricing component with toggle](https://pricing-component-with-toggle-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/pricing-component-with-toggle) |
| 54 | [Product list with cart](https://product-list-with-chart.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/product-list-with-chart) |
| 55 | [Product preview](https://adrianoescarabote.github.io/frontendmentor-challenges/product-preview-card/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/product-preview-card) |
| 56 | [Profile card](https://adrianoescarabote.github.io/frontendmentor-challenges/profile-card-component/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/profile-card-component) |
| 57 | [Project tracking intro component](https://project-tracking-intro-component-fem.netlify.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/project-tracking-intro-component) |
| 58 | [Qr code menu with dark light theme](https://adrianoescarabote.github.io/frontendmentor-challenges/qr-code-menu-with-dark-light-theme/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/qr-code-menu-with-dark-light-theme) |
| 59 | [Qr code menu](https://adrianoescarabote.github.io/frontendmentor-challenges/qr-code-menu/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/qr-code-menu) |
| 60 | [Recipe page](https://recipe-page-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/recipe-page) |
| 61 | [Rest countries api](https://rest-countries-api-with-color-theme-switcher-adrianoescarabote.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/REST-Countries-API-with-color-theme-switcher) |
| 62 | [Results summary component](https://results-summary-component-adrianoescarabote.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/Results-summary-component) |
| 63 | [Single price grid](https://adrianoescarabote.github.io/frontendmentor-challenges/single-price-grid-component/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/single-price-grid-component) |
| 64 | [Social links profile](https://social-links-profile-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/blog-preview-card) |
| 65 | [Social media dashboard](https://social-media-dashboard-with-theme-s-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/social-media-dashboard-with-theme-switcher) |
| 66 | [Skilled elearning landing page](https://adrianoescarabote.github.io/frontendmentor-challenges/skilled-elearning-landing-page/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/skilled-elearning-landing-page) |
| 67 | [Social proof section](https://adrianoescarabote.github.io/frontendmentor-challenges/social-proof-section/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/social-proof-section) |
| 68 | [Stats preview](https://adrianoescarabote.github.io/frontendmentor-challenges/stats-preview-card/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/stats-preview-card) |
| 69 | [Testimonials grid section](https://adrianoescarabote.github.io/frontendmentor-challenges/testimonialsgridsection/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/testimonialsgridsection) |
| 70 | [Time tracking dashboard](https://time-tracking-dashboard-adrianoescarabotes-projects.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/time-tracking-dashboard) |
| 71 | [Tip calculator app](https://adrianoescarabote.github.io/frontendmentor-challenges/tip-calculator-app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/tip-calculator-app) |
| 72 | [Url shortening api](https://adrianoescarabote.github.io/frontendmentor-challenges/url-shortening-api/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/frontendmentor-challenges/tree/main/url-shortening-api) |
| 73 | [Workit landing page](https://workit-landing-page-adrianoescarabote.vercel.app/) | [Link to GitHub repo](https://github.com/AdrianoEscarabote/Workit-landing-page) |
## Author
👤 **AdrianoEscarabote**
- Github: [@AdrianoEscarabote](https://github.com/AdrianoEscarabote)
- Linkedin: [@AdrianoEscarabote](https://www.linkedin.com/in/AdrianoEscarabote/)
- Frontend Mentor: [@AdrianoEscarabote](https://www.frontendmentor.io/profile/AdrianoEscarabote)
- Twitter: [@drianEscarabote](https://twitter.com/drianEscarabote)
## 📝 License
Copyright © 2025 [AdrianoEscarabote](https://github.com/AdrianoEscarabote).
This project is [MIT](https://github.com/AdrianoEscarabote/frontendmentor-challenges/blob/main/LICENSE) licensed.
---
## Show your support
Give a ⭐️ if this project helped you!