A simple and fun React application that allows you to select different boiling times for your egg. Whether you want a soft, liquid, or hard-boiled egg, this app will help you manage your boiling time and let you know when your egg is ready!
Screen.Recording.2025-09-11.at.15.45.27.mov
- Choose your egg type: Select from different boiling times (Soft, Liquid, Softly Set, Hard, etc.).
- Timer: Visual countdown timer that updates every second.
- Animation: A cute rotating egg icon while the egg is boiling.
- Circular progress bar: Displays progress as your egg boils.
- Alert: Once the egg is done, an alert sound notifies you that your egg is ready!
- React - JavaScript library for building user interfaces.
- Material-UI - React components for faster and easier web development.
- Framer Motion - For smooth and interactive animations (used for rotating the egg).
- TypeScript - For static typing, helping with reliability and maintainability.
git clone https://github.com/yourusername/egg-boiler.git
cd egg-boiler
Install dependencies Make sure you have Node.js installed. Then, run the following command to install dependencies:
npm install
- Run the app To start the development server:
npm start
This will run the app at http://localhost:3000 in your browser.