Viet Vi Tran

Recipe Network Platform
Full-Stack Web Application | Next.js • React • TypeScript • Tailwind CSS • Node.js • REST API

• Designed and developed a scalable recipe-sharing platform where users can create, share, and explore recipes from a community-driven database.
• Utilized Next.js 14 for hybrid rendering (SSR + SSG), optimized routing, and improved load performance.
• Built an interactive, component-based UI with React and Tailwind CSS, implementing reusable design systems and responsive layouts.
• Applied TypeScript throughout the codebase to ensure type safety, maintainability, and reduced runtime errors.
• Implemented backend services using Node.js and Express, exposing RESTful endpoints for recipe management, user authentication, and social interactions (likes, comments, favorites).
• Integrated a PostgreSQL database (via Prisma ORM) for efficient relational data modeling between users, recipes, and interactions.
• Secured authentication and authorization flows using JWT tokens and hashed passwords via bcrypt.
• Used React Query for efficient client-side data fetching, caching, and real-time UI updates.
• Deployed the full-stack app to Vercel, with environment variables managed via .env and integrated Git-based CI/CD pipelines for automated deployment.

Library Management System
Full-Stack Web Application | Next.js • React • TypeScript • Tailwind CSS • Node.js • REST API

• Engineered a full-stack library management system enabling CRUD operations for books, users, and borrowing records.
• Built the front-end with Next.js 14 and React 18, leveraging TypeScript for strong typing and enhanced maintainability.
• Designed a modular UI using Tailwind CSS, implementing responsive layouts, reusable components, and dark mode support.
• Implemented server-side rendering (SSR) and static site generation (SSG) with Next.js to optimize performance and SEO.
• Developed backend logic with Node.js and Express, exposing RESTful APIs for authentication, data management, and user roles (admin, librarian, reader).
• Integrated a PostgreSQL (or MongoDB, if that’s what you used — you can specify) database via Prisma ORM for efficient and type-safe data queries.
• Configured JWT-based authentication and route protection to secure user sessions and admin operations.
• Utilized React Query (or SWR) for client-side data fetching, caching, and real-time updates.
• Deployed the application on Vercel, with environment variables managed via .env and CI/CD integration for continuous deployment.