UI Component

Solution for a challenge from Devchallenges.io

Demo | Solution | Challenge

Table of Contents

• Overview
• Preview
• Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

UI component contains a variety of button and input components with different rendered versions.

• Where can I see your demo?
  • Demo is hosted on Netlify
• What was your experience?
  • Good experience, helped to brush up css design and create a reusable button and reusable input
• What have you learned/improved?
  • I learnt more about using children props, css modules in react
• Your wisdom? :)
  • Awesome challenge for implementing basics of react

Preview

Built With

• React
• CSS
• Material Icons

Features

1. Reusable Button and Input Component
2. Variants / Button Types for button styling and sizes
3. Input Types based on different properties
4. Support for all html button and input attributes

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/Gameonn/react-ui-component

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

• Steps to replicate a design with only HTML and CSS
• Node.js
• Marked - a markdown parser

Contact

• GitHub Gameonn
• Twitter Gameonn