Skip to content

Task is to create a simple React application utilising MaterialUI components to implement linked dropdown menus. The application should allow users to select a country from the initial dropdown menu. Upon selecting a country, a new dropdown menu should dynamically populate with the states or regions associated with that country

Notifications You must be signed in to change notification settings

VINAYAK9669/Linked-Dropdowns-with-MaterialUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Linked Dropdown React Application

This project is a React application using Vite and Material-UI to create a series of linked dropdown menus. Users can select a country from the initial dropdown menu, which dynamically populates a new dropdown with corresponding states or regions. This process continues for subsequent levels of geographic subdivisions.

Tech stack used

  • React.js +vite
  • Material UI

Features

  • Dynamic Dropdowns: Start by selecting a country, followed by state, district, sub-district, and village.
  • Material-UI Components: Utilizes Material-UI for modern, responsive UI elements.
  • Responsive Design: Adapts smoothly to different screen sizes.

Installation

To get a local copy up and running follow these simple steps.

  1. Clone the repository:
    git clone https://github.com/VINAYAK9669/Linked-Dropdowns-with-MaterialUI.git
    cd linked-dropdown
    npm install

About

Task is to create a simple React application utilising MaterialUI components to implement linked dropdown menus. The application should allow users to select a country from the initial dropdown menu. Upon selecting a country, a new dropdown menu should dynamically populate with the states or regions associated with that country

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages