Tailwind CSS Samples
Typescript, React JS, Remix JS, Tailwind CSS
Collection of projects that showcase web components - modal, hamburger menu, navigation, forms, dark/light mode, etc.
Javascript, React JS, PostgreSQL
Speed up and minimize errors of mapping PDF merchant account application forms by clicking the appropriate field and paste it to the PDF form (in Adobe Acrobat or Foxit).
CB Ratio calculator is used to determine if the merchant is qualified for an account based on their sales volume vs chargebacks.
Javascript, React JS
Search for publicly-traded stocks and track its price movement over time. Multiple stocks can be added in the table and clicking on the stock will open a separate page to track prices based on a date range.
Data is fetched from the Finnhub Stock API.
Javascript, React JS
Look up recipes or surprise yourself with a random recipe. Recipes are from TheMealDB API.
Javascript, React JS, Remix JS, MongoDB
Webapp to track expenses. With login and database functionality for persistent data storage. Additional feature to analyze expenses data and download raw data.
Devsearch
Python, Javascript, Django, PostgreSQL
Social media for developers to expand their network. Developers can create a profile and highlight their projects, skills, and reach out to other developers through the built-in inbox messages.
Image-to-Text
Python
Using the Python libraries opencv-python and pytesseract, the program scans images for text then outputs it to a text file.
A great practical application would be scanning invoice images then storing the generated text to a database.
GCD Disputes
Javascript, React JS, Remix JS, Bootstrap 5, PostgreSQL
Inspired by CRMs like Salesforce, this webapp tracks chargebacks/disputes.
It streamlines the process of customer service and/or loss prevention teams to manage their dispute-handling process. Users can enter account and dispute details, generate email templates, and generate PDF dispute evidence files.
Hyrule Bank
Python, Javascript, Django, Django REST Framework, PostgreSQL
Breathe of the Wild themed bank application for Bank Administrators. Features include: a dashboard that displays balances and other metrics; view accounts; and transfer, deposit, and withdraw funds.
ILUSTR△DO
HTML, CSS
Font page and subscription page of a newspaper company. This project was a great opportunity to practice the concept of CSS grid layout.
Javascript, Sveltekit, Tailwind CSS
Simple webapp to try out Sveltekit, a feasible React alternative. This is a webapp to look up Generation 1 Pokemon basic data. Information is from the Pokeapi.
