TAN PHAM
developingdesigning
Web application// 2020

Web3 Landing Page Web Application

Developed key features for Toshimon, a Web3-enabled application built with React and Next.js, focusing on performance, SEO, and a smooth user experience. Implemented a statically generated architecture to ensure fast load times and reliable delivery across devices. Contributed to integrating blockchain interaction flows, creating modular UI components, and optimizing site structure for search visibility and scalability.

Strategic Technical Decisions

1. Static Site Generation (SSG) with Next.js

  • Decision Rationale: We leveraged Next.js's SSG capabilities for the public-facing content and core UI. This strategy provides maximum speed and reliability, ensuring the site loads instantly before the user interacts with the dynamic, real-time blockchain components.
  • Strategic Value Highlighted: Performance & SEO: Achieved top-tier loading speeds and excellent SEO, creating a fast, trustworthy entry point to the application, which is crucial for complex Web3 products.

2. Modular React Component Architecture

  • Decision Rationale: Developed a comprehensive set of modular UI components to handle various application states, wallet connections, and dynamic data displays (e.g., displaying collectible tokens or transaction history).
  • Strategic Value Highlighted: Scalability & Maintainability: Ensured the frontend could easily integrate new features, tokens, and complex blockchain interaction flows without degrading code quality or consistency.

3. Web3 Integration Focus

  • Decision Rationale: Required careful implementation of specific blockchain interaction flows (like wallet connection, signing transactions, fetching NFT data). This demands secure, asynchronous handling within the React application lifecycle.
  • Strategic Value Highlighted: User Trust & Functionality: Delivered a smooth, reliable user experience for core Web3 functions, minimizing friction for users interacting with the blockchain.

Key Contributions & Project Outcome

  • Core Feature Development: Built and optimized key user-facing features, focusing specifically on the smooth flow from a static landing page to the dynamic, wallet-connected application state.
  • Front-End Architecture: Designed and implemented a scalable frontend architecture that cleanly separates the static marketing content from the dynamic Web3 interaction layer.
  • SEO and Performance: Optimized site structure and asset loading to ensure maximum search visibility and rapid load times across all devices.
  • User Experience (UX): Translated product requirements into an intuitive and fast user experience, specifically for navigating Web3 flows, which are often prone to complexity.

Similar Projects

Full-stack application

Australia Investment Capital System

Developed the Ausbiz Capital platform using Next.js with a fully content-managed architecture powered by Sanity CMS and Supabase. Implemented data ingestion pipelines to process stock analysis files delivered via FTP as Excel spreadsheets, converting and storing them efficiently in Supabase for fast querying and display. Built modular React components, optimized performance, and ensured a seamless flow between CMS-driven content and dynamic financial data. Contributed to creating a reliable, scalable foundation for real-time investment insights and improved editorial workflows.

Therapy website
Web Application

Therapy website

Developed core features for the Find Octave website using React, Gatsby, and Prismic CMS. Implemented scalable component architecture, optimized site performance, and integrated dynamic, content-managed pages through Prismic. Contributed to improving SEO, accessibility, and overall user experience through clean, maintainable front-end code.

Full-stack application

Nutrition and dish builder web application

Developed and maintained the Macrofriendly Food platform using React and Next.js, implementing a scalable frontend architecture with dynamic routing and server-side rendering. Integrated a REST API powered by Strapi to manage application content and connected to WordPress endpoints to fetch orders, nutrition data, and dish information. Built and deployed the full application on DigitalOcean, using Docker and Docker Compose to containerize services and ensure a consistent, reliable production environment. Contributed to improving performance, content workflows, and overall user experience through efficient API design and maintainable, modular UI components.