https://github.com/correia-jpv/devchallenges-input-component

⚛ devChallenges Input component with MUI
https://github.com/correia-jpv/devchallenges-input-component

component components components-react create-react-app devchallenges devchallengesio input inputs material material-design material-ui mui muiv5 react typescript

Last synced: 3 months ago
JSON representation

⚛ devChallenges Input component with MUI

• Host: GitHub
• URL: https://github.com/correia-jpv/devchallenges-input-component
• Owner: Correia-jpv
• License: mit
• Created: 2022-05-11T14:57:14.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-05-17T11:39:24.000Z (over 3 years ago)
• Last Synced: 2025-06-13T13:54:00.215Z (4 months ago)
• Topics: component, components, components-react, create-react-app, devchallenges, devchallengesio, input, inputs, material, material-design, material-ui, mui, muiv5, react, typescript
• Language: TypeScript
• Homepage: https://devchallenges-input-component.vercel.app
• Size: 2.89 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
devChallenges Input component with MUI




   Solution for a challenge from  Devchallenges.io.



![screenshot](src/assets/app-showcase.gif)



  


    

      Demo

    

     | 

    

      Solution

    

     | 

    

      Challenge

    

  



## Table of Contents

- [Table of Contents](#table-of-contents)

- [Overview](#overview)

- [Built With](#built-with)

- [Features](#features)

- [How To Use](#how-to-use)

## Overview

This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/TSqutYM4c5WtluM7QzGp) was to build an application to complete the given user stories.

## Built With

- React

- TypeScript 

- [MUI](https://mui.com/)

- Sass

- ESLint & Prettier

- Many other tools and utilities from the [Create-React-App with Must-Have Libraries template](https://github.com/EliEladElrom/cra-template-must-have-libraries)

## Features

- Examples with code snippets of the custom input component user stories

- Light/Dark theme

- Scroll back to top

## 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/Correia-jpv/devchallenges-input-component

# Install dependencies

$ npm install

# Run the app

$ npm start

```