2024
Personal Website
Next.js · React · CSS
Custom-designed personal website featuring advanced CSS animations, interactive hover effects, and an integrated blog platform. Fully responsive design showcasing work, built with Next.js.
Visit site
Hello! Nice to meet you. I'm Enjeck, a software engineer and technical writer with UI/UX design skills.
Featured Projects
2022
Gfolio
React · Next.js · CSS
A unique portfolio website that reimagines the Google Search interface for personal branding. Built with React and modern web technologies to showcase projects in a familiar, intuitive format that engages visitors.
Visit site
2022
num2math
JavaScript
Generate complicated math expressions using random numbers and operations.
Visit site
2022
Libre Logos
Next.js · React · CSS · Design
A curated collection of free, professionally designed logos for open source projects. Features responsive design with dynamically generated individual logo pages. Combines design expertise with automated content generation using Next.js.
Visit site
2021
jpg2svg
JavaScript · Python · Flask
A full-stack image conversion tool with an intuitive web interface for transforming JPG/JPEG images into scalable SVG format. Features server-side processing and instant downloads, built with JavaScript and Python.
Visit site
2021
Blobby
Python · SVG · Random Art
A creative Python project generating unique SVG blob characters with randomized shapes, colors, and features. Each character is algorithmically created with distinct attributes, demonstrating procedural design and SVG manipulation techniques.
Visit site
2022
Theorem Graphs
JavaScript
Visualize mathematical theorems in graphs, using data from Wikipedia.
Visit site
2021
btns
CSS · HTML · UI Design
A curated collection of modern button designs featuring advanced CSS hover effects and animations. Ready-to-use components for enhancing user interface interactions and elevating web design aesthetics.
Visit site
Contact and Social Links
Want to follow my work or talk to me?
Blog
JavaScriptHTML
How to download an HTML5 canvas as an image using JavaScript
After drawing to the canvas, you may want to download and save the canvas drawing as an image. To do this, you can use the `toDataURL()` method of the canvas object. Let's say you have a "Download" button in your HTML: html <input type="button" id="...
JavaScriptHTML
Learn HTML5 canvas by building an image watermarking tool
HTML5 canvas allows us to create and manipulate pixels, just like a painter working on a canvas. We can draw text and graphics onto the canvas using JavaScript. To demonstrate its power, let's build an image watermarking tool that allows a user to upload an i...
UX
9 UX writing tips for designers and developers
UX writing is the practice of crafting text for digital interfaces that help users interact with products more conveniently. While it is not expected for designers and developers to be professional writers, knowing how to write UX copy is valuable when creati...