Projects

Showcasing my journey to become a better Software Developer

project image project image animated
Fit-App

FitApp is a SPA full stack web application where you can track your weight loss progress. It is developed in Angular 9, Python, Flask, Swagger UI, and Postgres SQL. The UI is powered by bootstrap material design. The admin UI is based on Creative Tim's free templates. The app is secured by Auth0.

Tags TS, Angular, Python, Flask, Postgres SQL

project image project image animated
Pokemon Deck

Pokemon Deck is a dashboard for you to collect up to 5 random pokemon cards. The cards are fetched from Pokemon public API called PokeAPI (https://pokeapi.co/). It is developed using Angular 9, material design, and custom SCSS files. A mock authentication service is created to simulate real authentication interaction with a front-end system. The angular CDK tool is used to help to implement drag and drop feature.

Tags JS, Angular, CSS, HTML

project image project image animated
Interactive Photo Gallery

Awesome Startup is a distributed company with employees working all over the world. They need a smart way to for employees to share contact information with each other. This project leverages Random User Generator API ( https://randomuser.me/ ) to grab information for 12 random “employees,” and use that data to build a prototype for an Awesome Startup employee directory. The project is written in OOP style vanilla ES6.

Tags JS, CSS, HTML

project image project image animated
gSparse

gSparse is a C++ header-only library for Graph Sparsification. It is built on top of Eigen, an open source linear algebra library. Graph Sparsification is a process of approximating a given graph by a graph with fewer edges or vertices.

FastER is a software written in MATLAB for calculating Graph Effective Resistance. gSparse leverages the algorithm of FastER for Spectral Sparsification in C++. However, gSparse is not a direct port of FastER because it provides a different interface and it does not depend on CMG Solver.

Tags C++

project image project image animated
WebApp Dashboard

A Web Dashboard template created from vanilla HTML, CSS, and ES6 using a supplied photo mockup. The dashboard uses CSS grids and flexboxes as a layout tool. The dashboard is integrated with Javascript powered charts and graphs. Other functionalities such as users and blogs are not implemented. This project is created as a training project with Team Treehouse.

Tags HTML, CSS, SASS, JS

project image project image animated
Wheel of Success

Wheel of Success is a browser game based on "Wheel of Fortune". The user must correctly guess all letters in the phrase before their lives run out and face the ultimate doom.

This application is a compliant progressive web applicant written in vanilla ES6 script, HTML5, and CSS3. The application uses an imperative coding style for ES6. It was created as part of Front-End training project with Team Treehouse.

Tags JS