Project Description

  Transform your inspiration into sound. Chordify is an interactive tool designed for musicians and composers who want to experiment with harmonies and progressions. Leveraging the power of the browser’s native APIs, this audio synthesizer offers a unique experience for exploring music and enhancing your creative skills.

• Platform: Frontend
• Type: Static Site
• URL: Visit Chordify
• Technologies: Next.js, TypeScript, Jest, CSS

Key Features: 

• 🎸 Explore Instruments: Piano, guitar, synthesizer, flute, whistle, and strings at your disposal.
• 🎹 Create at Your Own Pace: Adjust key, octave, and tempo (BPM) to personalize your sound.
• 🖱️ Learn Visually: An interactive piano guides you by showing notes and scales, making learning easier.
• ⌨️ Keyboard Compatibility (Desktop): Create chords and melodies directly from your keyboard.
• 💾 Save Your Ideas: Don’t lose your best progressions; save them to revisit later.

Highlighted Areas 

Chordify is not just a tool; it’s a creative companion. Designed to inspire, this project combines cutting-edge technology and intuitive design, helping musicians turn ideas into unique pieces. With an accessible interface and useful features, it’s perfect for both beginners and experts in composition.

Development Highlights

  Built with Next.js and TypeScript, Chordify takes advantage of native browser APIs for optimal performance and a smooth experience. The use of automated testing with Jest ensures flawless quality in every interaction.

Mobile View