- 💬 I write JavaScript (ReactJS, NextJS, React Native) and Python.
- 🌱 I’m currently learning NodeJS.
- 🔭 I am a Frontend Web Developer.
- 😄 My Pronouns are He/Him.
- 🔭 See what I am currently working on.
- ⚡ My last project was TalesTrove.
- 💰 If you'd like, you can support me on GitHub Sponsors or Buy Me A Coffee.
- Languages - HTML5, CSS3, JavaScript, TypeScript, Python3
- Frameworks/Libraries/Toolkits - React, NextJS, TailwindCSS, SASS/SCSS, React Native, Redux (Toolkit), React Router, Jotai, Zustand
- Tools - Expo SDK, Vite, Clerk, Git, VS Code, PyCharm, Vercel, Netlify, GitHub, Firebase, Yarn, NPM, Chrome
- Boost Your Productivity with Shell Commands: A beginner's guide to creating aliases and functions - Hashnode • Dev.to
-
Tales Trove
Firefox Browser Add-ons • Microsoft Edge Add-ons • Chrome Web Store • GitHub Repo
TalesTrove is a browser extension that allows users to easily save links to their favourite fictional stories and series. It supports FanFiction.net, Archive of Our Own, and several XenForo sites. It was built with Plasmo, React, Typescript, and TailwindCSS.
-
TerminalAlert
TerminalAlert is a Python CLI tool that ensures you never miss the completion of your terminal commands. Whether successful or not, it sends desktop notifications to keep you informed, allowing you to focus on other tasks while commands run in the background. Built with Python3.
-
CrossRename
CrossRename is a tool that helps make your file names work perfectly with your computer. It doesn't matter if you use Linux, Windows, or both. CrossRename makes sure your file names follow your computer's rules, so everything runs smoothly.
-
AspectMatic
Figma Community • Figma GitHub Repo • Penpot Hub • Penpot GitHub Repo
AspectMatic is a Figma/Penpot plugin that automates aspect ratio calculations for developers. I got tired of calculating the long way, so I made a plugin.
The Figma plugin was built with Create Figma Plugin, Preact, TypeScript, Prettier, and TailwindCSS.
The Penpot plugin was built with React, TypeScript, Prettier, and TailwindCSS.
-
GeoTrace
A React-based app that uses the IP Geolocation API and LeafletJS to display your IP address and pinpoint your location on an interactive map.
-
The Shop!
A React-based e-commerce web app that lets users browse products, add items to a cart, and checkout, using Redux Toolkit, React Router, and FakeStoreApi data.
-
FicImage
FicImage is an application designed to enhance the reading experience of FicHub epubs. With FicImage, users can easily add missing images to their FicHub epubs, bringing the stories to life with vibrant visuals.
Built with Python3.
-
FlagFinder
A mobile-first React app that displays countries from the REST Countries API, with search, region filtering, detailed views, border navigation, and a light/dark mode toggle.
-
This is a vite template with the following installed:
- Vite 6.1.0
- React 19.0.0
- Typescript 5.7.2
- TailwindCSS 4.0.6
- Prettier 3.5.1
- prettier-plugin-tailwind 0.6.11
- ESLint 9.19.0
-
- Developed a Python script to automate the process of journaling.
- Created a user-friendly interface within the script to input a customized date or utilize the current date for journal entry initiation.
- Implemented automatic document creation with a well-structured nomenclature: "Week 01 of the Year 2023 (1.1 - 8.1).docx".
-
Chromium-Based Browser Extension Template
- Developed an extension template tailored for Chromium-based browsers.
- Built with CRXJS, Vite, and Typescript.
- The extension was tested on Chrome, Edge, Brave, and Opera.
-
Splitter
A sleek JavaScript tip calculator that quickly computes tips and splits bills among friends with ease.
-
Splitter Mobile App
Built a mobile app version of Splitter with React Native and Expo
-
- An application that lets you explore the contents of an ePub file.
- Built with React Native, Expo and JSZip.
- This reply to an issue I created inspired this project.
-
- A Python script that retrieves all saved Wi-Fi names and passwords.
- Currently only works on Windows OS.
-
Gradie
Gradie is a design tool that extracts the most prominent colours from an image and turns them into a smooth, beautiful gradient.
-
PencilFX
A WebAssembly-powered tool that transforms images into pencil art. Built with Python and compiled to WASM, this project lets users upload an image in a React frontend and get a sketch-like version instantly. Python was used because the script already existed, and this project is primarily for learning WASM.
-
Unfoldly
A link shortener that also generates AI-powered OG images. Unfoldly takes a URL, extracts metadata and the site’s favicon, and then creates a custom preview image. The shortened link redirects to the original URL with a visually enhanced share preview.
-
Trim, Snap, Share! Your shortcut to perfectly sliced WhatsApp status videos.
Slice and dice your videos with StatusSnip! 🎬 Trim your tales, snap your highlights, and share seamlessly on WhatsApp. No more 30-second limits – just the good stuff, straight to your status. Download now and make every moment count!
-
Beyond Scanning - Remake, Share, and Explore. SnapQR is a QR code scanner and generator app for mobile devices. Building with React Native and Expo.
-
TextMotion
Create videos and GIFs with a dynamic text effect. Just enter your text, choose a style, and generate an animation.
-
SoloShot
A camera that recognizes your face and automatically blurs others in photos.
-
StatusCanvas
Turn your text into stylish WhatsApp status images. Customize fonts, colors, and layouts, bypassing character limits for more expressive updates.
-
Unread
With Unread, you can mark important messages so they don’t get lost in the chat flood. If a recipient reads but forgets to reply, Unread makes sure they don’t forget for long, sending gentle (or not-so-gentle) reminders until they respond. No more missed responses. Just better conversations.
-
FontCache
FontCache is your go-to browser extension for collecting and organizing fonts from any webpage. Easily discover fonts in use, pick your favorites, and save them with site and date details.
-
ChartFlow
A Figma extension for generating charts with customizable options. Easily create and edit visual data representations directly in Figma.
-
StayPut
StayPut remembers where you left off on a page and automatically scrolls back to that spot when you return. Just select an element, and it saves your position for next time.
-
AdaptImage
A Figma extension that generates optimized images for different screen sizes and frameworks. Select an image, and AdaptImage will:
- Generate multiple sizes.
- Create proper
<picture>tags with<source>elements. - Support framework-specific image tags (e.g., Next.js
<Image>). - Convert to different formats like AVIF and Webp.
- (Optional) Modify file names for better organization.
- Future feature: If your design includes both mobile and desktop views, you can select two images to generate optimized assets for each.
-
EpubView
A VSCode extension for reading EPUB files directly in your editor.
-
FicRadar
FicRadar is a browser extension that collects fanfiction-related links from a specific user's interactions (forum posts and comments) without storing the actual content of those posts. It only gathers the URLS of the works they engage with and counts how often each link appears. This helps you discover stories they interact with the most, making it easier to find new reads from sources you trust.
-
PhotoLean
PhotoLean is a command-line tool designed to optimize image file sizes and save disk space.
These projects are unlikely to be finished/updated anytime soon
-
- A mobile app for reading ePUBs and PDFs
- Building with Expo, React Native and @epubjs-react-native
- This project inspired this pull request
-
AuthorCraft empowers writers of all backgrounds to harness their creativity, providing a user-friendly and intuitive platform for crafting stories, novels, and ebooks. Whether you're an aspiring novelist, a seasoned author, or a student, our robust toolkit is designed to inspire and support your writing endeavours.
Building with React, NextJS, Hanko Auth, Supabase Database, and shadcn (TailwindCSS + Radix UI).
While working on this project, I submitted a pull request to the Hanko Docs repository, and it got merged.
-
The NextJS-powered PWA for effortless contact management.
Building with React, NextJS, @ducanh2912/next-pwa, Rough Notation, Clerk Auth, and shadcn (TailwindCSS + Radix UI).
-
Intergalactic Encyclopedia is your ultimate guide to the Star Wars universe! This comprehensive application provides detailed information on planets, spaceships, vehicles, people, films, and species from a galaxy far, far away.
Building with React, React Native, Expo SDK, Typescript, Expo Router, Expo Google Fonts
-
A personal journaling web app.