miguel-rosa / bags

Frontend-Leaning Full Stack Eng Technical Assessment

Overview

This project aims to create an interactive data visualization piece to showcase the financial health of small businesses.

Documentation

Hooks and Providers

• Creating and managing hooks

Existing hooks

• useCompany
• useDocuments
• useUser and UserProvider

Adjustments and next tasks

• Use Typescript
• Use React Context with a useReducer to manage global states (useUser)
• Create hooks that encapsulate the business logic and states
• Use setTimeout to mock API calls, and separate the data fetching from the UI
• Create components simple to build a composable UI
• Use eslint to ensure the code formatting
• Use Chakra UI to handle themes

How to install and use

Before installing this project be sure to install the latest node and yarn versions on your machine

To install this project, you should follow these steps:

Clone the git repository to your machine:

git clone https://github.com/miguel-rosa/bags.git

Install the dependencies:

yarn

Run in development mode

yarn start

After following these steps you should be able to access the project by opening http://localhost:3000 in your browser

Try it now

The project was deployed using Vercel and can be accessed here