TriApp Frontend

Frontend application for a multi-feature consumer experience: music discovery, color exploration, avatar generation, and content modules.

Live demo: https://tri-app-frontend.vercel.app/music

Product summary

TriApp is a full-stack portfolio project focused on modular frontend architecture, API integration patterns, and user-facing feature delivery.

Key features

• Music search and previews
• Color exploration and palette utilities
• Avatar generation
• Favorites and recent history persistence
• JWT-based authentication flow
• Light/dark theme support
• Voice-assisted search (browser support dependent)

Tech stack

• React 19
• Vite
• React Router
• CSS Modules
• Node.js/Express backend integration (separate repo)

Repositories

• Frontend: https://github.com/Tiggreee/TriApp-Frontend
• Backend: https://github.com/Tiggreee/Triapp-Backend

Run locally

git clone https://github.com/Tiggreee/TriApp-Frontend.git
cd TriApp-Frontend
npm install
npm run dev

Production build:

npm run build

Deployment

• Frontend: Vercel
• Backend API: Render

Engineering focus

• Clear component boundaries
• Feature modularization
• Reusable UI and hooks
• Maintainable state and persistence flows

Recruiter notes

This project demonstrates practical frontend delivery under real product constraints: UX continuity, API integration, authentication, and iterative feature expansion.