Panda NFT is a frontend UI/UX project focused purely on implementing a pixel-accurate interface from Figma designs.
The goal is to demonstrate frontend craftsmanship, layout skills, and attention to visual details — exactly how a real product UI would be built from a design file.
This project was built as a portfolio UI project to practice and demonstrate:
- Converting Figma designs → real, responsive UI
- Building clean and reusable React components
- Maintaining consistent spacing, typography, and layout
- Structuring a frontend project in a scalable way
Think of this project as: “Cutting UI from Figma into a real React application.”
The main focus of Panda NFT is visual quality and user interface structure:
- NFT landing page layout
- Clear visual hierarchy (hero, collection, roadmap, footer)
- Card-based collection UI
- Call-to-action sections (Mint / Explore – UI only)
- Responsive behavior across screen sizes
- Reusable UI components (buttons, cards, sections)
No business logic or blockchain logic is included — all interactions are UI-level only.
- React
- TypeScript
- Tailwind CSS
- Vite
src/
├── components/ # Reusable UI components
├── pages/ # Page-level layouts
├── assets/ # Images, icons, design assets
├── styles/ # Global styles
├── utils/ # UI helper functions
This structure keeps:
- UI components reusable
- Layouts easy to reason about
- The codebase clean and readable
- Translating Figma designs into pixel-accurate UI
- Handling spacing, typography, and layout consistency
- Building reusable UI components
- Thinking about UI composition instead of just styling
- Improving attention to detail in frontend development
While Panda NFT is visually inspired by NFT products, its real purpose is to:
- Showcase frontend UI implementation skills
- Demonstrate comfort working with design systems
- Highlight attention to UX and visual details
This project complements more business-heavy projects in my portfolio by focusing purely on UI quality.
Nguyễn Thành Thuận Frontend Developer (React / TypeScript)
📌 This project focuses on UI implementation only. No Web3 logic, no smart contracts — just clean, well-structured frontend UI.