{devchallenges}

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

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

Overview


• You can visit demo site here: https://clever-cray-e94b3b.netlify.app/
• This was a very lucrative learning experience for me. It switches or adds CSS classes to the button based on the props values provided by the user.
• This project helped me to learn to create reusable UI components. Such components can be helpful make code more readable and maintenance friendly.
• This type of projects are helpful to understand how to create separation of concerns - separating presentation part of component from logical code. This helps to locate issues easily and extend the code without much hassle. :)

Built With

• React
• CSS3

Features

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 as well as yarn to be installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/yogeshdatir/devchallenges

# Install dependencies
$ yarn install

# Run the app
$ yarn start

Acknowledgements

• Steps to replicate a design with only HTML and CSS
• Node.js
• Marked - a markdown parser
• How to Build Flexible Button Components in React

Contact

• Website My portfolio
• GitHub @yogeshdatir