- 💬 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.
-
- Built an e-commerce shopping app using React js, Redux (ToolKit), React Router, Vite, and data gotten from the FakeStoreApi.
- This web app allows buyers to browse products by categories, add them to their cart, and checkout.
-
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.
-
Rest-Countries API App - GitHub Repo
- Built an app that consumes a REST API and displays a list of countries.
- Users can see all countries from the API on the homepage, search for a country using an input field, filter countries by region, click on a country to see more detailed information on a separate page, click through to the border countries on the detail page, and toggle the colour scheme between light and dark modes.
- Built with a mobile-first workflow, HTML5 , CSS3, React JS, React Router, and Vite.
-
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
-
IP Address Tracker App - GitHub Repo
- Built an IP Address Tracker app with the IP Geolocation API for getting the user's location and LeafletJS library to generate a map showing the user’s location.
- Built with HTML5, CSS3, and React JS.
-
- 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.
-
Tip Calculator Web App - GitHub Repo
- Built a tip calculator app that helps you calculate the tip and split the total bill between friends!
- Built with HTML5, CSS3, and JavaScript.
-
Tip Calculator Mobile App - Splitter - GitHub Repo
- Built a mobile app version of the Tip Calculator Web App 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.
-
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—like 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
Automatically scans your OS Pictures directory and minimizes image file sizes to save space. Runs on all images in the folder.
These projects are unlikely to be finished/updated any time 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.