In this dropdown component user can select one value from a list of options. The list of options is typically displayed in a menu that opens when the user clicks on a dropdown button or hover over it. The selected option is displayed in a box that is separate from the menu. This is implemented using front-end framework (React) and project is created using build tool (Vite).
https://singh233.github.io/React-Dropdown/ 🚀
- On hover display list of options
- On click state of the answer changes
- Responsive for 📱Mobile, Tablet and 💻Desktops
Clone the project
git clone https://github.com/Singh233/React-Dropdown.git
Go to the project directory
cd React-Dropdown
Install packages
npm install
Run in Development Mode
npm run dev
To deploy this project run (By default the build output will be placed at dist folder)
npm run build
Add /dist folder into your repo. By running
git add dist -f
Commit your code
git commit -m "Adding dist"
Push to repo
git subtree push --prefix dist origin gh-pages
Here are some more Cool Mini Projects
Social-React-App 🚀 ToDo-Web-App 🎯
I'm a Aspiring full stack developer... Love to design, create and build cool projects 😎
If you have any feedback, please reach out to me at [email protected]