Ferovinum helps companies in the wine and spirits industry scale.
In this assignment, we showcase a very small slice of our business. In a typical scenario, a company would get funding from us by selling us their inventory (a certain quantity at a certain price).
This is a simple project that uses react and typescript in this particular use case for a client. They can see their inventory that they've sold to us and can sell more.
You are expected to get familiar with this solution and come prepared for a code pairing interview.
The best place to start is src/app/page.tsx. It has most if not all of the functionality.
You are not expected to have depth in any of:
- tailwind
- shadcn/ui
- next.js
- @tanstack/table
- json-server
In the interview, we'll dig into your understanding of the fundamentals of web development, in addition to your depth of understanding of TypeScript and react. We'll explore aspects of the current codebase, maybe fix a few bugs, and implement some features on top.
Good luck!
This project has a JSON server that runs on top of resources/db.json. To start the server, run:
npm run serveThis starts the API at http://localhost:4001.
We only make use of 2 APIs:
POST /stocks
GET /stocks?client_id=In another terminal, run the app:
npm run devOpen http://localhost:4000 with your browser to see the result.
To learn more about the technology used, take a look at the following resources:
- React Documentation - learn about React.
- TypeScript Documentation - learn about TypeScript.
- Tailwind Documentation - learn about Tailwind.
- shadcn/ui Documentation - learn about shadcn/ui.
- Learn Next.js - an interactive Next.js tutorial.
- Tanstack Table Documentation - learn about Tanstack Table.
- JSON Server Documentation - learn about JSON server.