Mood-Light is a React application that allows you to customize your screen's color based on your mood or needs. Whether you're looking to enhance your workspace, relax, or simply add some personalization, Mood-Light gives you full control. This project is my first React app, hosted on Netlify, and built using modern web development tools.
- Interactive Color Customization: Adjust the screen color to any shade you want.
- Real-Time Updates: Instantly see changes as you select new colors.
- Responsive and User-Friendly Design: Works smoothly across different screen sizes and devices.
- React: For building the user interface and components.
- Vite: For fast development and optimized production builds.
- HTML5 & CSS3: For the structure and styling of the application.
- JavaScript: Core functionality to enable interactive color changes.
- Set the Mood: Change the screen color to fit your current vibe or mood.
- Productivity: Adjust the screen color to one that enhances focus and reduces eye strain.
- Personalization: Make your screen unique by selecting your favorite colors.
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/mrsahiljaiswal/mood-light.git
- Navigate to the project directory:
cd mood-light
- Install the dependencies:
npm install
- Start the development server using Vite:
The app should now be running on
npm run dev
http://localhost:3000
.
You can access the live version of the app at mood-light.netlify.app.
- Open the app in your browser via the live link.
- Choose your desired color from the color picker.
- Watch as the screen color updates in real time to match your selection.
Contributions are always welcome! If you'd like to suggest improvements or report issues, feel free to open a pull request or submit an issue in the repository.
Mood-Light: Now customize your screen according to your mood and need!