GithubHelp home page GithubHelp logo

aaazureee / aaazureee.github.io Goto Github PK

View Code? Open in Web Editor NEW
0.0 3.0 0.0 50 KB

My portfolio of front-end and back-end projects completed.

Home Page: https://aaazureee.github.io/

License: MIT License

HTML 85.70% CSS 14.30%
personal-page

aaazureee.github.io's Introduction

Hieu C. Chu

[email protected] | (+61) 416731359 | LinkedIn

Projects

React Ecommerce

Jun 2020 - Jul 2020

A mobile-responsive ecommerce app built using Typescript React, Redux, Firebase and styling done via Sass. Support Email/Password + Google Sign-In. Add items to shopping cart and checkout securely via Stripe.

  • Built the front-end interface using Typescript React, Redux (redux-thunk, reselect) and Sass (mobile-responsive).
  • Integrated notifications using react-toastify for better user experience.
  • Handled Stripe payment in the back-end using Express.js.

GitHubApp

UOW Sculptures Admin Dashboard

Jul 2019 – Nov 2019

A multi-functional and comprehensive admin dashboard for UOWAC staff to manage data for the UOW Sculptures mobile app. The app was built using Next.js (SSR React), Ant Design and styled-components for frontend; Typescript Node.js, PostgreSQL, Auth0 (authentication) and AWS S3 (cloud storage) for backend.

  • Built the front-end interface using Ant Design with support for data visualization components including various forms of charts.
  • Implemented key functionalities including searching, sorting and pagination for managing users and sculptures data.
  • Designed a customized datepicker solution to view system statistics in a specific time interval.
  • Integrated mapping component for sculptures location using Mapbox.
  • Used CI/CD for the development and deployment pipeline using ZEIT Now.

Please use this credential to login:
Email: [email protected]
Password: uowsculptures

GitHubApp

Roadside Assistance Application

Mar 2019 – Jun 2019

Uber-like application for roadside assistance service, using React with Material-UI for frontend, and Typescript Node.js (Nest framework) with PostgreSQL for backend.

  • Built the frontend user interface with React and Material UI components.
  • Implemented a customized autocomplete dropdown component which renders realtime address suggestions using Google Maps Places API.
  • Integrated data tables with expandable rows and support for pagination, searching and sorting for admin dashboard.

GitHubApp

Event Booking System

Mar 2018 – Jun 2018

A web application that simulates an event booking system for my university, using Node.js, Express.js and MongoDB. Staff accounts can create and manage events while student accounts are able to view upcoming events, book an event and proceed to checkout.

  • Built the frontend interface using Bootstrap CSS which supports Responsive Design.
  • Wrote test cases for database operations using MochaJS.
  • Implemented user authentication and authorization for staff account and student account.
  • Deployed a production version which uses gzip compression and server-side caching of minified static assets (JS and CSS).

Register for a staff account to access all features above.
GitHubApp

URL Shortener Microservice

Mar 2018

Enter your URL and get a shortened link that redirects to original page (use MongoDB to store randomly generated links). Functionally similar to Google URL Shortener.

GitHubApp

Github Popular

Jan 2018

Single Page App that compares GitHub stats and show popular repos on GitHub (language based) using React and React Router.

GitHubApp

Local Weather App

Sep 2017

A simple web app that shows the weather based on your current location using DarkSky Weather API.

GitHubApp

aaazureee.github.io's People

Contributors

aaazureee avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.