Skip to content

Latest commit

 

History

History
39 lines (30 loc) · 2.02 KB

README.md

File metadata and controls

39 lines (30 loc) · 2.02 KB

Focus Sound Generator

A web application that allows users to select and mix different ambient sounds, such as rain, forest, or white noise, to create a personalized environment that enhances focus and productivity.

Table of Contents

Features

  • Multiple Ambient Sounds: Choose from a variety of ambient sounds like rain, forest, ocean waves, white noise, fireplace, coffee shop, wind, and thunderstorm.
  • Sound Mixing: Mix multiple sounds and adjust the volume of each sound individually to create a custom soundscape.
  • Timer Functionality: Set a timer for the sounds to fade out or stop after a specified duration, perfect for focused work sessions or meditation.
  • Save Favorite Mixes: Save, name, and manage your favorite sound mixes for quick access.
  • Responsive Design: Mobile-friendly interface to ensure usability across different devices.
  • Minimalist UI: Clean and intuitive interface with easy-to-use controls for play, pause, and sound selection.

Options

  • Sound Options:
    • Rain: Soft rain sounds for a calming atmosphere.
    • Forest: Birds chirping and rustling leaves for a nature-like experience.
    • Ocean Waves: Gentle waves for a soothing beach vibe.
    • White Noise: A consistent sound to block out distractions.
    • Fireplace: Crackling fire sounds for a cozy feel.
    • Coffee Shop: Ambient chatter and clinking cups to simulate a café environment.
    • Wind: Gentle breeze sounds for a peaceful setting.
    • Thunderstorm: Distant thunder for a dynamic sound experience.

Built With

  • React - A JavaScript library for building user interfaces.
  • Next.js - A React framework for server-side rendering and static site generation.
  • Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.
  • Web Audio API - For handling audio playback and mixing.