https://github.com/ahmadrafidev/focus-sound
Focus sound app to accompany your focus time so you don't feel alone!
https://github.com/ahmadrafidev/focus-sound
focus-mode lo-fi
Last synced: 6 months ago
JSON representation
Focus sound app to accompany your focus time so you don't feel alone!
- Host: GitHub
- URL: https://github.com/ahmadrafidev/focus-sound
- Owner: ahmadrafidev
- Created: 2024-08-24T05:28:10.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-24T17:26:56.000Z (about 1 year ago)
- Last Synced: 2025-04-13T03:57:13.015Z (6 months ago)
- Topics: focus-mode, lo-fi
- Language: TypeScript
- Homepage: https://focus-sound.vercel.app
- Size: 99.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
- [Focus Sound Generator](#focus-sound-generator)
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Options](#options)
- [Built With](#built-with)
## 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.