Andras Full stack Interview App

🎯Interview Challenge: Address Book App

🛠️Baseline Tech Stack

React
Next.js
tRPC
Prisma
SQLite

Note: You are not expected to add extra libraries (e.g. shadcn/ui, Tailwind, etc.), but you may do so if you wish. Focus on the baseline stack above.

📌 Goal

Fetches and displays user data from https://dummyjson.com/users

Presents the data in a clean and user-friendly UI

Enables interactive filtering, sorting, and search

Is built with maintainability, clarity, and type safety in mind

🧩 Requirements

Functional

Fetch data from https://dummyjson.com/users

Display the users in a structured, card- or table-style layout (your choice)

Allow the user to:

Search by name or email
Filter by e.g. gender or other user fields
Sort by name, age, or any other property

Technical

Strong emphasis on type safety: use zod or similar to validate fetched data

Use TypeScript throughout the project

Apply clean component architecture and consider separation of concerns

Design should be visually clean

✅ Bonus Points For

Unit or component tests

Error/loading state handling

Good UX on empty results / edge cases

Responsive design

Clear and concise commit messages

Using git branches and opening a PR (see instructions below)

Thinking holistically — e.g. consider performance, accessibility, and extensibility

🧪 Evaluation Criteria

Code quality and clarity

Type safety and data validation

UI/UX polish

Git hygiene and documentation

Communication of your thought process and trade-offs

Setup & Submission Instructions

Clone this repository: https://github.com/andrashejj/interview

Create a new branch: yourname/address-book-challenge

Implement the challenge

Open a Pull Request against main that includes:

What you’ve completed
What’s missing or could be improved
What was easy/difficult and why
What the next steps would be (with rough time estimates)
Anything you’d do differently if you had more time

Timebox

You shouldn’t spend more than 1 hour on this. We don’t expect perfection, but we do want to see your thinking and your baseline approach to writing good software.

Note: The following section is just boilerplate/sample code to demonstrate API usage and component rendering. You can remove or replace it as you build your solution.

Debug: Hello from tRPC

You have no posts yet.