image

Dana Nguyen

Software Engineer
  • +46 72.521.1406
  • dananguyentd@gmail.com
  • https://dananguyentd.github.io/DanaNguyen/

Icon Practicing Jetpack Compose in Kotlin

This project is focused on practicing various APIs and core functionalities taught in the "Android Basics with Jetpack Compose" course. It covers essential concepts such as navigation, state management, database integration, and responsive UI design using Compose.

This case study involves designing a collection of Pokémon-themed games for Android using Kotlin, with the goal of effectively utilizing all relevant APIs and Jetpack Compose components.

The collection includes 4 subs apps: Pokemon Puzzle, Pokemon Name, Pokedex, Pokemon Region.

Pokemon Puzzle

This sub-app demonstrates the use of navigation, Room database, and scrollable UI components like LazyRow and LazyColumn. It allows users to interact with a puzzle game based on Pokémon data while showcasing dynamic content rendering and state management.
image

Pokemon Name

Focuses on user interaction with features such as hide/show buttons and dynamic content visibility. This sub-app utilizes navigation, Room database, and relevant APIs to handle data presentation and user input effectively.
image

Pokedex

A visual representation of Pokémon information, adapted for various screen sizes and orientations. It highlights the use of responsive design patterns by integrating NavigationRail for tablets and BottomNavigation for mobile devices. The Pokédex app helps demonstrate how to build adaptive layouts using Compose.
image

Pokemon Region

A simple yet effective sub-app aimed at practicing different implementations of LazyColumn and Room database interactions. It explores various ways to display regional Pokémon data in a clean and user-friendly interface.
image

Programming

  • Kotlin

Code & References

Github

My full programming for this project.

Offical Pokemon website

Source of Pokemon images

Android Course

Android Basics with Compose

Intuitive UI

Home IU

image

Game IU

image

Result IU

image

Video Demo


Icon Week Calendar

I developed an Android application named Week Calendar using Kotlin and Jetpack Compose. The app is designed to provide users with a clear and interactive view of the current week, with the ability to highlight the current day. In addition to displaying the ongoing week, users can easily search for and navigate to any specific week to check dates or plan ahead.

The application also includes a multilingual settings feature, allowing users to switch the interface language between English, Swedish, and Vietnamese, depending on their preference. Another key functionality is the ability to customize the start day of the week, whether it's Sunday, Monday, or any other day, to align with regional or personal calendar habits.

Main Interfaces

image

Setting

image

Programming

  • Kotlin

Code & References

Github

My full programming for this project.

Google Gemini

Using Google Gemini AI to help create icon of app

Android Course

Android Basics with Compose to get some references for app

Video Demo


Icon Designed DovietLund’s website

I designed and developed the official website for DovietLund, focusing on a clean and user-friendly shopping cart system. The platform supports multiple product types with detailed descriptions, images, and pricing, offering a smooth shopping experience.

Customers can choose from different shipment methods and receive a confirmation email after placing an order. All data, including products and orders, is managed using MongoDB, making it easy for the seller to update inventory and track orders through auto-generated order numbers.

The UI is responsive and optimized for different screen sizes, providing distinct interface layouts for desktop and laptop users to ensure a consistent and professional experience across devices.

Desktop Interfaces

image

Products

image

Shopping List

image

Programming

  • JavaScript
  • HTML
  • CSS
  • MongoDB

Code & References

Github

Privated code. Contact to get the access

DoVietLund Website

The main DovietLund website

Others UI

Mobile Version

image