Find your next exquisite stay with WeBnB.

WeBnB | WeChat Mini Program

Product Description:
WeBnB showcases the “right” accommodation that provides the right experience catered for each individuals. A static demo cloning AirBnB’s functions for to get familiar with WeChat miniprogram development.

Tasks:
[Product Design] User Stories, DB Schema, Routes & Mockup
[Building] Figma, Frontend & Backend, Rails, Models/Controllers
[Project Management] Kanban Board, WeChat Dev, Slack Channel

Tech Stack:
Ruby on Rails | Javascript | WXML and WXSS (WeChat versions of HTML
and CSS) | GitHub | Heroku | Figma | SQL

Source Code:
Video Demo: https://vimeo.com/627338490
Front-end: https://github.com/nguyenngocyennga/webnb-wechat
Back-end (API): https://github.com/nguyenngocyennga/webnb-wechat-api

buttonsbaseframe borderlines
body
home button
reprocamerasensorlight
screen-border

Cook up fun projects at your local creative spaces.

Māk:it | WeChat Mini Program

Product Description:
Māk:it recipes and ingredients for hacking & inventing. Cook up fun projects at your local creative spaces using scrap and craft materials, 3D printers, digital fabrication, electronics, and programming tools.

Tasks:
[Product Design] User Stories, DB Schema, Routes & Mockup, Branding
[Building] Figma, Frontend & Backend, Rails, Models/Controllers
[Project Management] Kanban Board, WeChat Dev, Slack Channel

Tech Stack:
Ruby on Rails | Javascript | WXML and WXSS (WeChat versions of HTML
and CSS) | GitHub | Wogengapp.cn (as of Heroku) | Figma | SQL

Source Code:
Video Demo: https://vimeo.com/627338534
Front-end: https://github.com/nguyenngocyennga/maekit-wechat-dev
Back-end (API): https://github.com/nguyenngocyennga/maekit-wechat-api

buttonsbaseframe borderlines
body
home button
reprocamerasensorlight
screen-border

Product Description: A perfect companion for travelers to get more in touch with local cuisines, equipped with 65+ languages, readily help you get a glimpse of your foods before ordering and know the exact location of it on the menu!

🌍 AI Menu Processing: Extracts and translates menu text using AI.
🍽️
Dish Insights: Shows images, ingredients, allergies, and recipes.
📸
Smart Image Search: Finds high-quality dish images.

Source Code:
Video Demo: https://vimeo.com/1058674392
Front-end: https://github.com/nguyenngocyennga/menu-me-app      
Back-end (API):
https://github.com/nguyenngocyennga/menu_me

Tech Stack:
   -  Frontend: Streamlit
   -  Backend: FastAPI, Google Cloud Vision API, Google Cloud Translation  
      API, Google Images Search API, Pandas, Docker
   -  Cloud & Deployment: Google Cloud Storage, Google Cloud Run, Heroku,
      GitHub CI/CD Actions

Translate any text-based menu into photos of dishes

Slide Buddy is here to make studying simpler and enjoying! 🚀 It’s your one-stop AI tool for taking lecture notes, asking questions, and reviewing slides with ease. Upload slides, ask questions, and let our AI-powered buddy help you understand and ace your subjects. 📚

🏄‍♂️ Lecture-Ready: Upload slides before class. Let Slide Buddy assist with note-taking while you stay focused.
🧠
Exam Prep: Review key topics, ask for clarifications, and get detailed explanations anytime.
🥰 Your Feedback Matters: Help us improve! Share your ideas to make Slide Buddy your ultimate study companion.

Web Demo: https://vimeo.com/1058551081
Source Code: https://github.com/nguyenngocyennga/slide-buddy

Tech Stack:
   -  Frontend: Next.js (App Router), Tailwind CSS, shadcn/ui, Tiptap (Rich-Text Editor)
   -  Backend: Convex (Backend-as-a-Service), LangChain (Text Processing), Google Generative AI (AI Assistance)
   -  Auth & Monitoring: Clerk (Authentication), Sentry (Error Tracking & Performance Monitoring)

Slide Buddy | Web App

Take Notes. Ask Questions. Review Smarter.

Bottom

Wallie Wallet is a personal finance app designed to help users track, manage, and analyze their financial transactions effortlessly. Wallie Wallet offers a seamless experience with powerful tools like interactive dashboard, smart filters, and CSV imports.

Web Demo: https://vimeo.com/1058518949
Mobile Demo: https://vimeo.com/1058517468
Source Code: https://github.com/nguyenngocyennga/wallie-wallet

Tech Stack Overview:
   -  Frontend: Next.js (App Router), TypeScript, Tailwind CSS, shadcn/ui
   -  Backend: Hono (Backend Framework), PostgreSQL (Database), Drizzle ORM
   -  State & Auth: TanStack React Query, Zustand, Clerk (Authentication)

Wallie Wallet | Web App

Your Personal Finance Tracker
body
repro-bgcamera-bg
Screen FrameBodyBottomBevelBevel

Hello world,
it's Nga Nguyen Ngoc Yen!

An aspiring Full-Stack Developer, continuously learning and improving. Keen eye for design, with a mind of business and a heart for technology.

avatar
Coding Projects
Resume
GitHub