SoundTap 🎵

A modern, minimal web application for creating, remixing, and sharing audio experiences.

Features

• 🎙️ Record audio directly in your browser
• 🎨 Remix and edit audio with an intuitive interface
• 🌐 Share your creations with unique URLs
• 📱 Fully responsive design for all devices
• ♿ Accessible and user-friendly interface

Tech Stack

• Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Audio Processing: Web Audio API, WaveSurfer.js
• State Management: Zustand
• Form Validation: Zod

Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/soundtap.git
cd soundtap

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser.

Project Structure

src/
├── app/              # Next.js app router pages
├── components/       # Reusable UI components
├── lib/             # Utility functions and configurations
├── hooks/           # Custom React hooks
├── store/           # Zustand state management
└── types/           # TypeScript type definitions

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT License - feel free to use this project for any purpose.