Overview

This project is based on a task provided by Greenspark. Requirements can be found here and prototype here

This project was developed using React, Typescript and CSS.

Possible improvements

  • Internationalization: Currently is not supported and is available only the default language.
  • Accessibility: I belive some readers will fail to indentify some custom components, more tests should be done to guaranty that the site is accesible.
  • Unit Test: There is some unit tests, but more could be added to ensure the quality.

Getting Started

Clone the repo within your local machine and then type the following.

npm install
npm start

This will launch the application locally at https://localhost:3000

Example Application

A live version of this project can be found here

Prototypes

Desktop

image info

Mobile

image info

Checkbox

image info

Colors

image info

Toggle

image info

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run lint

Launches ESLint to identifying and reporting on patterns found in ECMAScript/JavaScript/Typescript code, with the goal of making code more consistent and avoiding bugs.