Ledger Vault - Frontend Homework

Objectives

Your challenge is to build a simple and intuitive interface for searching through a list of notifications.

Figma Design

Here’s the design you’ll be implementing: Figma link

The password will be provided to you by email.

Code

You'll be given a backend with a search endpoint to handle server-side operations and a minimal frontend that you'll enhance.

What we expect from you:

• Ensure the frontend nicely matches the Figma design.
• Create any necessary components and feel free to restructure the file architecture.
• Improve the Typescript types, so they are strictier & helpful.
• 🎁 Bonus: Add code quality tools (linting, formatting).
• 🎁 Bonus: A GitHub Action to automate code quality checks.
• 🎁 Bonus: Any other cool improvements you can think of!

Note

We've intentionally left some bugs/issues in the code—happy debugging! 🥳

Getting Started

1. Fork and clone this repository.
2. Complete the homework.
3. Commit as many times as needed.
4. Push your work to your fork.
5. Submit your fork URL as the deliverable. 🚀

We hope you enjoy the challenge! 💪

Running the Backend

# Build the server image
docker build -t vault-front-homework:latest server

# Run the server container
docker run -p 5000:5000 vault-front-homework:latest

Running the frontend

# install dependencies
pnpm install

# run the dev server
pnpm dev