RanitManik/frontendmentor-challenges

Welcome to my Frontend Mentor Challenges repository! This is where I showcase my solutions to a range of Frontend Mentor projects. Each project is neatly organized within its own directory, which includes separate HTML, CSS, and JavaScript files for easy navigation and exploration. Feel free to browse through and check out my work!

Language: CSS - Size: 16 MB - Last synced at: 4 days ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

jen67/Frontendmentor-challenges

This repository contains some frontendmentor.io challenges that I have worked on

Language: HTML - Size: 43.4 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 3 - Forks: 1

mendezpvi/fem-ping-coming-soon-page

This challenge is great for beginners and offers a chance to practice basic client-side form validation.

Language: HTML - Size: 1.43 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

kymppi/frontendmentor 📦

These are my solutions to FrontendMentor.io

Language: Astro - Size: 246 KB - Last synced at: 27 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

RanitManik/frontendmentor.io

Showcasing my front-end solutions to various challenges on https://frontendmentor.io/profile/RanitManik. Explore my projects and live demos that highlight my skills in building responsive, visually appealing websites.

Language: CSS - Size: 9.58 MB - Last synced at: 4 days ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

subhajitroycode/base-apparel-landing-page

Language: CSS - Size: 2.74 MB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

catherineisonline/rest-countries

🌎 REST Countries: A project that interacts with API to provide an in-depth look at different countries. With a color theme switcher feature and the ability to filter and search, you can easily navigate and discover new information.

Language: TypeScript - Size: 1.98 MB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 25 - Forks: 4

visualdenniss/frontendmentorProjects

Compilation of frontendmentor Challenges

Language: JavaScript - Size: 29.1 MB - Last synced at: 17 days ago - Pushed at: almost 2 years ago - Stars: 12 - Forks: 2

blericode/social-links-profile

Solution to the social links profile challenge from Frontend Mentor. Follow-up video on Blericode.

Language: CSS - Size: 53.7 KB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

FevenSeyfu/space-tourism-website

A frontend mentor challenge solution which is a multi-page website for space tourism.That showcases destinations,the crew and the technologies.

Language: JavaScript - Size: 17.5 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

siavhnz/time-tracking-dashboard

This is a solution to the Time tracking dashboard challenge on Frontend Mentor

Language: CSS - Size: 397 KB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

siavhnz/pricing-w-toggle

This is a solution to the Pricing component with toggle challenge on Frontend Mentor

Language: CSS - Size: 767 KB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

siavhnz/notif-challenge

This is a solution to the Notifications page challenge on Frontend Mentor

Language: CSS - Size: 502 KB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

siavhnz/news-homepage

This is a solution to the News homepage challenge on Frontend Mentor

Language: CSS - Size: 1.36 MB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

siavhnz/interactive-pricing-c

This is a solution to the Interactive pricing component challenge on Frontend Mentor

Language: CSS - Size: 293 KB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

Code-Beaker/social-proof-section

A Frontend Mentor Project | Social Proof Section

Language: HTML - Size: 298 KB - Last synced at: about 2 months ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

mendez-v/frontend-mentor-challenges

You can find all the challenges I have completed here.

Size: 4.88 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

mendez-v/clipboard-landing

Users should be able to: View the optimal layout for the site depending on their device's screen size. See hover states for all interactive elements on the page.

Language: HTML - Size: 7.34 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

mendez-v/recipe-page

The challenge is to build out this recipe page and get it looking as close to the design as possible.

Language: HTML - Size: 4.75 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/testimonials-grid-section

The objectives of this project are: To see the optimal layout based on the screen size of your device. To see the hover states of the interactive elements.

Language: HTML - Size: 4.01 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/fylo-data-storage-component

This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.

Language: CSS - Size: 3.03 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

jonexist/interactive-rating-component

Language: CSS - Size: 87.9 KB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/social-proof-section

This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.

Language: HTML - Size: 2.36 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/four-card-feature

This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.

Language: CSS - Size: 1.63 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

mendez-v/profile-card-component

I built the project according to the designs provided. I added `focus-visible` and `hover` states.

Language: CSS - Size: 890 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

mendez-v/blog-preview-card

This project has an optimal display, depending on the device. Also, `hover` and `focus-visible` states have been added to the interactive elements.

Language: CSS - Size: 1.94 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/nft-preview-card

The objectives of this project are: To see the optimal layout based on the screen size of your device. To see the hover states of the interactive elements.

Language: CSS - Size: 1.12 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/stats-preview-card

This project has an optimal display, depending on the device. I have modified the default `focus-visible` state a bit and added the `hover` state to the linkable elements.

Language: CSS - Size: 5.5 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/order-summary-component

A perfect project for newbies who are starting to build confidence with layouts! We can see hover and focus-visible states for interactive elements

Language: CSS - Size: 3.92 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/single-price-component

In this challenge, I built out the pricing component to the designs provided. I changed the colours and the "focus-visible" status to improve accessibility.

Language: CSS - Size: 4.36 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/3-column-preview-card

It consists of creating a container with 3 columns that must be adapted to the size of the device that displays it. It must also have a hover effect on the buttons and I changed the "focus-visible" effect a bit.

Language: HTML - Size: 1.78 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

mendez-v/qr-code-component-main

This challenge is perfect if you're new to HTML and CSS. The card layout doesn't shift.

Language: HTML - Size: 682 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

MR-b7r/MR-b7r.Advice-generator-app

First template with TailwindCss

Language: HTML - Size: 278 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

lipeqalves/Interactive-rating-component

Desafio de projeto, proposto pelo site Frontend Mentor

Language: JavaScript - Size: 249 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

frontendstu/product-preview-card-component

My solution to the Frontend Mentor "Product Preview Card Component" challenge

Language: CSS - Size: 1.18 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

parham-dev27/Testimonials-Grid-Section 📦

Testimonials Grid Section

Language: HTML - Size: 960 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

adityaphasu/room-homepage

Room Homepage

Language: JavaScript - Size: 2.53 MB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 1

catherineisonline/intro-section-with-dropdown-navigation-frontendmentor 📦

This is my solution to the Intro section with dropdown navigation challenge on Frontend Mentor. [ARCHIVED]

Language: CSS - Size: 814 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 4 - Forks: 0

catherineisonline/interactive-rating-component-frontendmentor 📦

This is my solution to the Interactive rating component challenge on Frontend Mentor. [ARCHIVED]

Language: CSS - Size: 380 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 4 - Forks: 2

catherineisonline/huddle-landing-page-with-feature-blocks-frontendmentor 📦

This is my solution to the Huddle landing page with alternating feature blocks challenge on Frontend Mentor. [ARCHIVED]

Language: CSS - Size: 561 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 4 - Forks: 1

catherineisonline/fylo-landing-page-with-two-column-layout-frontendmentor 📦

This is my solution to the Fylo landing page with two column layout challenge on Frontend Mentor. [ARCHIVED]

Language: HTML - Size: 1010 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 1

catherineisonline/news-homepage-frontendmentor 📦

This is my solution to the news homepage challenge on Frontend Mentor. [ARCHIVED]

Language: CSS - Size: 1.64 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 4 - Forks: 0

catherineisonline/product-preview-card-frontendmentor 📦

This is my solution to the product preview card component challenge on Frontend Mentor. [ARCHIVED]

Language: CSS - Size: 1.39 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 2 - Forks: 1

catherineisonline/fylo-dark-theme-landing-page-frontendmentor 📦

This is my solution to the Fylo dark theme landing page challenge on Frontend Mentor. [ARCHIVED]

Language: CSS - Size: 594 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 6 - Forks: 1

lucasbernardol/frontend-mentor-challenges

💻🎯 Repositório usando para armazenar as resoluções dos desafios encontrados na plataforma Frontend Mentor.

Language: CSS - Size: 5.65 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

siavhnz/sunnyside-agency

This is a solution to the Sunnyside agency landing page challenge on Frontend Mentor

Language: JavaScript - Size: 1.86 MB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

siavhnz/manage-landing-page

This is a solution to the Manage landing page challenge on Frontend Mentor

Language: CSS - Size: 916 KB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

siavhnz/intro-section-with-dropdown-navigation

This is a solution to the Intro section with dropdown navigation challenge on Frontend Mentor

Language: CSS - Size: 824 KB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

brycezubi/product-preview-card

Frontend Mentor Challenge - Product preview card component

Language: CSS - Size: 197 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

tatumroaquin/frontendmentor.io

Compilation of my FrontentMentor challenge solutions.

Language: CSS - Size: 7.7 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

Kevhec/frontEndMentor

This repository contains all of my Frontend Mentor challenges. Feel free to explore and contact me if you find something interesting or if you would like to provide me with feedback!

Language: HTML - Size: 6.57 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

FilipeSantos07/Desafio-qr-code

Nesse projeto simples eu repliquei o mais próximo possível o resultado final do Qr code do site Frontend mentor! Eu fiz com base em algumas informações que o site nos fornece, como font-family, imagens e cores por exemplo. Gostei muito do resultado!

Language: CSS - Size: 55.7 KB - Last synced at: 10 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

rabbitmaid/fem-qr-code-component

This is a solution to the [QR code component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Language: SCSS - Size: 160 KB - Last synced at: about 1 month ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

xyzeez/Testimonials-Grid-Section

This is a solution to the Testimonials grid section challenge on Frontend Mentor

Language: HTML - Size: 404 KB - Last synced at: about 1 year ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

rdtabb/Bookmark.github.io

Project is finished. In this repo I work over the Frontendmentor project. Website has elements animated with Intersection Observers API. Link: https://www.frontendmentor.io/challenges/manage-landing-page-SLXqC6P5

Language: CSS - Size: 657 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

bouchraakl/Social-proof-section-master

FrontEnd Mentor Social-proof-section-master Solution !

Language: CSS - Size: 190 KB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

amulyalovescoding/frontendmentor

All the challenges I have completed at frontendmentor.io

Language: HTML - Size: 7.63 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

mohamedKhaled89/testimonials-grid-section

This challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!

Language: HTML - Size: 786 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

mohamedKhaled89/huddle-landing-page-with-alternating-feature-blocks

This challenge is perfect if you're wanting to practice your layout skills. If you're starting to get a bit more confident laying out a web page, give this project a go.

Language: CSS - Size: 2.93 MB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

rimshub/javascript-advice-generator

Advice generator app using Advice Slip API

Language: CSS - Size: 74.2 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

mohamedKhaled89/social-proof-section

This project will test your layout skills. If you're starting to get confident with Flexbox or Grid, this will provide a nice challenge!

Language: CSS - Size: 477 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

mohamedKhaled89/single-price-grid-component

In this challenge, you will build out the pricing component to the designs provided. This is perfect for beginners and people who want to complete a smaller challenge.

Language: CSS - Size: 235 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

mohamedKhaled89/huddle-landing-page-with-single-introductory-section

A perfect challenge for beginners, this project will get you working with a two column layout.

Language: CSS - Size: 1.77 MB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

mohamedKhaled89/four-card-feature-section

A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.

Language: CSS - Size: 415 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

mohamedKhaled89/profile-card-component

This is a perfect challenge to test your layout skills. The card layout doesn't shift, so it's also great for those that haven't dived into responsive websites yet!

Language: CSS - Size: 351 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

mohamedKhaled89/stats-preview-card-component

This is a great small challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills.

Language: CSS - Size: 986 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

catherineisonline/sunnyside-agency-landing-page-frontendmentor

This is my solution to the Sunny Side agency landing page challenge on Frontend Mentor.

Language: CSS - Size: 2.66 MB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 6 - Forks: 1

aluizamendes/frontendmentor-challenges

Small challenges to practice my HTML and CSS skills.

Language: CSS - Size: 416 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

MohamedAridah/frontendmentor_ping-coming-soon-page

This is my solution to the Ping coming soon page challenge on Frontend Mentor.

Language: CSS - Size: 200 KB - Last synced at: about 1 month ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0