DEV Community

Michal Martinek
Michal Martinek

Posted on

3

Personal Site - DO Hackaton Submission

What I built

I built a personal site for myself containing my bio, funny animation and simple voice control.

Category Submission:

Personal Site/Portfolio

App Link

https://michal.mmlab.cz

Screenshots

Screenshot of my site
Screenshot of my site

Description

The personal site is one simple page containing all information about me, my works and my skills. The page has two language mutations - English and Czech and two color schemes. Besides that, I built a simple Voice Control for this page, because I developed RSI in both my wrists and elbows recently and I wanted to show others how it feels to control a computer using your voice. Also, a simple voice-controlled game is included.
Btw something is hidden in the console.

Link to Source Code

Permissive License

MIT License

Background

Not long ago, I developed Carpal and Cubital Tunnel Syndrome in both of my elbows and wrists. As a consequence, I can't use a keyboard or mouse for more than 30 minutes without a long break. Fortunately, there are other ways to control computers e.g. voice control. I've started learning to program again, but with a microphone instead of a mouse and keyboard.

For a start, I picked a completely new simple project, this personal site, to gain confidence in programming using the voice control tool called Talon voice.

How I built it

I used for this project these technologies:

I learned a lot about Talon voice, the voice control tool specialized in programming. Also, I used an animation library Framer Motion for the first time.

I was quite surprised how easy was deploying to DigitalOcean’s App Platform.

Additional Resources/Info

Image of AssemblyAI tool

Transforming Interviews into Publishable Stories with AssemblyAI

Insightview is a modern web application that streamlines the interview workflow for journalists. By leveraging AssemblyAI's LeMUR and Universal-2 technology, it transforms raw interview recordings into structured, actionable content, dramatically reducing the time from recording to publication.

Key Features:
🎥 Audio/video file upload with real-time preview
🗣️ Advanced transcription with speaker identification
⭐ Automatic highlight extraction of key moments
✍️ AI-powered article draft generation
📤 Export interview's subtitles in VTT format

Read full post

Top comments (1)

Collapse
 
ondratuma profile image
tumao

Cool portfolio.
Wish you good luck in the hackaton, and even more with your health.

Are you planning on sharing your experience with with using voice input for programming? If you were ever to share it, I would be really interested.

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay