Frontend Engineering: Creating an Interactive User Interface

Thomas Jiang

0

Frontend Engineer

Fullstack Engineer

Mobile Engineer

Next.js

Tailwind CSS

TypeScript

I am a web developer with experience in building fast and reliable websites using Next.js, TypeScript, and Tailwind CSS. I have recently worked on the MomentRanks project, which is the premier platform for tracking and analyzing blockchain collectibles (NFTs). The website features:
• A landing page that introduces the MomentRanks vision, mission, and values, with a call to action button to sign up or log in.
• A dashboard page that shows the latest news, trends, and insights on the NFT market, with a navigation menu to access different categories and collections.
• A collection page that displays the details, rankings, and statistics of each NFT collection, such as NBA Top Shot, CryptoPunks, or Bored Ape Yacht Club.
• A moment page that displays the details, history, and valuation of each NFT moment, such as a video clip, an image, or a token.
• A profile page that allows the users to view and manage their own NFT portfolio, watchlist, and settings.
The website is built using Next.js as the framework for the frontend, which offers fast performance, server-side rendering, static site generation, and dynamic routing. I used TypeScript as the programming language because it adds type safety, code completion, and error detection to JavaScript. I used Tailwind CSS as the utility-first CSS framework because it allows me to create custom designs without writing any CSS code.
I also used Storybook as a tool for developing and testing UI components in isolation. I used Figma as a tool for creating and collaborating on UI designs and prototypes.
Like this project
0

Posted Sep 18, 2023

Developed a dynamic and engaging user interface for an NFT analytics project using Next.js, Tailwind CSS, and TypeScript.

Likes

0

Views

4

Clients

MomentRanks

Tags

Frontend Engineer

Fullstack Engineer

Mobile Engineer

Next.js

Tailwind CSS

TypeScript

Parenting support project
Parenting support project
Octane - Smart contract testing platform
Octane - Smart contract testing platform
Mobile Engineering: Building a Cross-Platform Mobile App
Mobile Engineering: Building a Cross-Platform Mobile App