Skip to content

nanthakumar-m/color_picker-react

Repository files navigation

🎨 Color Picker – React

The Color Picker is a simple and interactive React application that allows users to select a color from an input and instantly view its effect on a preview box. It visually demonstrates how the selected color can change the UI in real-time

This project was created to understand how React handles form inputs and real-time state updates. It also served as a practical use case for applying event handling and controlled components in React with immediate visual feedback.

🔗👉 click here to see the live demo--> https://nanthakumar-m.github.io/color_picker-react/

⚙️ Technologies Used

  • HTML5
  • CSS3
  • React
  • Vite (Build tool)

💡Core Features

✅ Provides a color input element to select any color

✅ Instantly updates a preview box with the selected color

✅ Uses controlled components and useState to track changes

🎯 What I Gained / Concepts Practiced

✅ Learned how to dynamically change styles based on user input

✅ Strengthened skills in real-time state updates and UI rendering

📸 Screenshots

image

image

image

About

A responsive React app that allows users to pick a color and preview it in real time. Built using Vite for fast performance

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published