Auto Top-Up Component

This project is a React component built using Material-UI and Vite. It allows users to set up auto top-up settings with a slider and toggle switch. The component is styled to match a provided design and includes responsive design elements.

Demo

Check out the live demo of the project here.

Features

• Material-UI components: Slider, Switch, Button, Typography
• Responsive design
• State management with React useState
• Display of credits and prices corresponding to slider values
• Auto top-up functionality with a confirmation button

Getting Started

These instructions will help you set up and run the project on your local machine for development and testing purposes.

Prerequisites

• Node.js (version 14 or higher)
• npm (version 6 or higher) or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/auto-top-up-component.git
   cd auto-top-up-component
   

2. Install Node Module:

   npm i
   

3. Run The React App

   npm run dev