Personal Site - DO Hackaton Submission

Michal Martinek — Mon, 11 Jan 2021 00:42:18 +0000

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

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

MichalMartinek / personal-site

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:

Sass - CSS preprocessor
React - UI library
Next.js - React framework
Framer Motion - animation library
i18next - internationalization-framework

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.

DEV Community: Michal Martinek