jayCde / interactive-rating-component

Interactive rating component using HTML, CSS and vanilla J.S

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Interactive-Rating-Component/Page

Interactive rating component using HTML, CSS and vanilla J.S

Brief

Your challenge is to build out this interactive rating component and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

Select and submit a number rating

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

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

See hover states for all interactive elements on the page

Download the project and go through the README.md file. This will provide further details about the project and help you get set up.

Getting started

Set up the project with version control (e.g. Git)

Read the README.md file and have a look around the project

Get colors, fonts etc from the style-guide.md file

Set up your project/file architecture however you want

Start coding!

Required Technical Knowledge

To undertake this project successfully you will need to be conversant with HTML, CSS and JS.

Complete the HTML CSS, JS Learning path to get proficient in using the above technologies.

About

Interactive rating component using HTML, CSS and vanilla J.S

License:MIT License


Languages

Language:HTML 88.2%Language:JavaScript 6.8%Language:CSS 5.0%