Create account

DEV Community

Fernando Groders

Posted on Apr 11, 2022

Test your English pronunciation with Pronounce

#hackwithdg #nextjs

Overview of My Submission

Pronounce is a simple way to test your English pronunciation where you will receive a random quote, read it and receive the feedback.

Submission Category:

Analytics Ambassadors
Wacky Wildcards

Link to Code on GitHub

FeGroders / pronounce

A simple way to practice your English pronunciation. Made using Next.js

Pronounce

A simple way to practice your English pronunciation

Technologies | How To Use | License

🚀 Technologies

This project was developed with the following technologies:

📘 How To Use

Creating a repository from a template First of all you need to create a .env file with the following variable: API_DEEPGRAM={YOUR API DEEPGRAM}

To start developing, you'll need Git and Node.js or Yarn installed on your computer. From your command line:

# Install dependencies
$ npm i
#or
$ yarn
# To run the backend server
$ npm run dev
#or
$ yarn dev

#To run the front end locally in development mode with live reload:
$ npm run front
# or
$ yarn front

#To see the results locally in production mode:
$ npm run build
$ npm run start
# or
$ yarn build
$ yarn

…

View on GitHub

Additional Resources / Info

Main Screen

Feedback Screen

Future Improvements

I wish i had more time to finish everything that i wanted but the basic idea it's functional. Some things that could be improved:

Add more languages;
Better UI/UX;
Play the correct pronunciation of the quote;
Remove the fixed time to record the audio;

[NOTE]: This is my first Hackathon, I wish I had more time to finish everything but I choose to use two new frameworks (Next.js and Express.js) that i've never worked with before. There is a lot of things to improve but I'm very proud of what I did. If you saw something I could have done differently, feel free to comment. I'm always looking to improve