Skip to content
View DUCANHTRA's full-sized avatar

Block or report DUCANHTRA

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
DUCANHTRA/README.md

Typing SVG


πŸ‘¨β€πŸ’» About Me

  • πŸŽ“ Computer Science Student at Swinburne University | Based in Australia πŸ‡¦πŸ‡Ί | Major in Software Engineer
  • πŸš€ Building full-stack systems and real-world simulations
  • 🧠 Focused on logistics platforms, 3D graph visualization, and AI
  • πŸ’¬ Ask me about Node.js, Vue.js, React
  • πŸ“– Currently exploring: ASP.NET MVC, Docker, and Flutter

🧰 Tech Stack

Node.js Vue.js Firebase TypeScript React


πŸ“Œ Projects Showcase

A full-stack movie ticket booking application with secure authentication and admin management.

  • Built a full-stack booking system using React, Express, and MongoDB with JWT authentication and bcryptjs password hashing.
  • Developed a responsive React UI with Tailwind CSS, Zustand for state management, and React Query for data fetching.
  • Implemented a RESTful API with CRUD operations for movies, showtimes, bookings, and users.
  • Added an admin dashboard with role-based access control, seat selection, and user booking history.

Tech Stack: React Β· Tailwind CSS Β· Zustand Β· React Query Β· Node.js Β· Express Β· MongoDB Β· JWT

A full-stack e-commerce application with secure authentication and real-time cart management.

  • Built a scalable Vue 3 e-commerce platform using Pinia, Express, and MongoDB Atlas, based on an Educative course.
  • Implemented JWT authentication with RBAC (Admin/User) and bcrypt password hashing.
  • Developed a persistent shopping cart with real-time stock validation and local storage sync via Pinia.
  • Designed a modular REST API with layered architecture and custom auth middleware.
  • Improved UI with a responsive design using Vuetify and Bootstrap, and deployed via Netlify (frontend) and Vercel (backend).

Tech Stack: Vue 3 Β· Pinia Β· Vuetify Β· Bootstrap Β· Node.js Β· Express Β· MongoDB Atlas Β· JWT

A lightweight job tracking application to manage applications and monitor progress.

  • Built a responsive job tracking app using React 19 and Tailwind CSS.
  • Designed a dashboard to view all applications, add new jobs, and track application progress.
  • Implemented global state management with the React Context API for consistent data handling.
  • Added import/export functionality with persistent local storage for data backup and restoration.

Tech Stack: React 19 Β· Tailwind CSS Β· Context API Β· Local Storage

A full-stack note-taking application with AI-powered suggestions, secure authentication, and responsive design.

  • Built a MERN stack application (MongoDB, Express, React, Node.js) with JWT authentication and bcrypt password hashing.
  • Developed note CRUD functionality with tags, persistent local storage, and real-time AI suggestions via Google Gemini.
  • Implemented global state management with Zustand, protected routes, and robust error handling with feature-level debug logs.
  • Designed a responsive UI with TailwindCSS and Vite, supporting mobile and desktop devices.
  • Deployed backend and frontend with environment-based configuration and secure API integration.

Tech Stack: React Β· TailwindCSS Β· Zustand Β· Node.js Β· Express Β· MongoDB Β· JWT Β· Google Gemini AI

A full-featured Trello-like Kanban board built with React. Includes drag-and-drop task cards, column organization, and responsive UI for managing workflows visually.

A simple e-commerce backend and admin dashboard built with Flask and JSON. Features product management, user authentication, and order checkout feature


πŸ“Š GitHub Stats

GitHub Stats
GitHub Streak


🌱 Recent Activity Graph


πŸ“ˆ Contribution Overview (Last 12 Months)

DUCANHTRA GitHub Contribution Chart



DUCANHTRA GitHub Snake Animation

---

πŸ“« Let's Connect

LinkedIn Gmail


Pinned Loading

  1. react-trello-clone react-trello-clone Public

    A Trello-style kanban board built with React, featuring drag-and-drop task management and board organization.

    JavaScript

  2. flask-electronic-store flask-electronic-store Public

    A simple electronic store web app built with Flask using local JSON data for products and cart functionality.

    Python

  3. vue-commerce-app vue-commerce-app Public

    A modern, responsive eCommerce web application built with Vue.js and best practices in frontend development.

    Vue 1