Skip to content

feat(frontend): add HelloWorld test page with Figma styles#49

Merged
vivjd merged 5 commits intomainfrom
feature/tailwind-design-tokens
Feb 13, 2026
Merged

feat(frontend): add HelloWorld test page with Figma styles#49
vivjd merged 5 commits intomainfrom
feature/tailwind-design-tokens

Conversation

@tharjiha
Copy link
Contributor

@tharjiha tharjiha commented Feb 10, 2026

Summary:
This PR adds a HelloWorld test page to verify that the project’s colors, typography, and spacing from Figma are correctly implemented.

Fixes #36

Created HelloWorld.tsx page with:

  • Heading (H1) using font-heading and text-primary
  • Body text using font-sans and text-gray-700
  • Button using bg-accent and text-white with hover state
  • Applied spacing using Tailwind spacing tokens (px-lg, py-sm, space-y-lg)
  • Ensured font family is Helvetica Neue
  • Page background uses Figma background colour variable
Screenshot 2026-02-09 at 11 58 15 PM

@tharjiha tharjiha requested review from qiuethan and vivjd February 10, 2026 05:07
Copy link
Contributor

@vivjd vivjd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The design look great, but please remove the HelloWorld page and revert the changes to App.tsx before merging this into main. We don't want test code in the production routing or else our other pages won't route properly!

Let me know if you have questions about this

const queryClient = new QueryClient();

const App: React.FC = () => {
return <HelloWorld />; // to be removed
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The changes relating to HelloWorld need to be removed, since this is mainly just for testing purposes and we still need App.tsx to be functional to have our usual pages running. Sorry about this, this might have not been clear in the original issue description

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I removed the HelloWorld files and recommitted

@vivjd vivjd merged commit a2d8eea into main Feb 13, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Global Theme & Design System Setup

2 participants