Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sumanjitsg/rating-component

Last synced: 9 days ago
JSON representation

Host: GitHub
URL: https://github.com/sumanjitsg/rating-component
Owner: sumanjitsg
Created: 2022-03-19T09:22:00.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-11-16T18:24:57.000Z (about 1 year ago)
Last Synced: 2023-11-20T08:47:11.372Z (12 months ago)
Language: HTML
Size: 467 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        [![CI](https://github.com/sumanjitsg/rating-component/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/sumanjitsg/rating-component/actions/workflows/ci.yml)

# Interactive rating component

![Design preview for the Interactive rating component coding challenge](./design/desktop-preview.jpg)

![Design preview for the Interactive rating component coding challenge](./design/desktop-thank-you-state.jpg)

This is a solution to the [Interactive rating component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/interactive-rating-component-koxpeBUmI).

## Table of contents

- [Overview](#overview)

  - [The challenge](#the-challenge)

  - [Links](#links)

## Overview

### The challenge

Users should be able to:

- View the optimal layout for the app depending on their device's screen size

- See hover states for all interactive elements on the page

- Select and submit a number rating

- See the "Thank you" card state after submitting a rating

### Links

- Live Site URL: https://ssg-rating-component.netlify.app/

- Solution URL: https://www.frontendmentor.io/solutions/interactive-rating-component-using-html-css-js-and-webpack-VkI-xoKXDU