https://github.com/gameonn/react-ui-component
UI component
https://github.com/gameonn/react-ui-component
reactjs rsuitejs
Last synced: 3 months ago
JSON representation
UI component
- Host: GitHub
- URL: https://github.com/gameonn/react-ui-component
- Owner: Gameonn
- Created: 2022-05-01T15:26:04.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-25T12:02:28.000Z (over 1 year ago)
- Last Synced: 2025-01-17T03:47:09.451Z (5 months ago)
- Topics: reactjs, rsuitejs
- Language: JavaScript
- Homepage:
- Size: 1.43 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
UI Component
## Table of Contents
- [Overview](#overview)
- [Preview](#preview)
- [Built With](#built-with)
- [Features](#features)
- [How to use](#how-to-use)
- [Contact](#contact)
- [Acknowledgements](#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](https://ui-component-dev.netlify.app/)
- 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](https://reactjs.org/)
- [CSS](https://developer.mozilla.org/en-US/docs/Web/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](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/ohgVTyJCbm5OZyTB2gNY) was to build an application to complete the given user stories.
## How To Use
To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# 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](https://devchallenges-blogs.web.app/how-to-replicate-design/)
- [Node.js](https://nodejs.org/)
- [Marked - a markdown parser](https://github.com/chjj/marked)
## Contact
- GitHub [Gameonn](https://{github.com/Gameonn})
- Twitter [Gameonn](https://twitter.com/Ankit89Jindal)