Built with
- React / Next.js
- Typescript
- GSAP
- Axios
- React Hook Form
- Styled Components
- Lottie
- React Media Recorder
About
This project was built to enable staff at Spark to capture and share the correct pronunciation of their names through audio recordings that can be attached to their work email signatures. This audio feature assists correspondents in learning the proper way to pronounce the names of their Spark colleagues.
One of my favourite projects highlighting some of the exciting technologies I’ve worked with in my previous experience in web development.
This project, is constructed with a robust stack including React/Next.js for seamless user interface creation, Typescript for scalable and error-free coding, and GSAP for sophisticated animations. The integration of Axios facilitates efficient data handling, while React Hook Form ensures optimised form management.
The application’s style is crafted using Styled Components, offering a modular and maintainable CSS architecture. Lottie animations are implemented to enrich the user interaction, and React Media Recorder is utilised to provide audio recording capabilities so users can record the pronunciation of their names.
Check out the live demo of the web app here: https://spark-say-my-name-demo-5r2io0wgx-kahu-leary.vercel.app/
