Frontend: CSV File Upload Application

Description

This project is the frontend interface of a web application that allows users to upload CSV files, review and correct validation errors in the records, and retry. Authentication is handled using JWT and the interface is built with React, Vite, Tailwind CSS, and TypeScript. The components are dynamic, allowing for an interactive and fluid user experience.

Technologies

• React: JavaScript library for building interactive user interfaces.
• Vite: Modern application bundler with a focus on speed.
• TypeScript: For static typing and greater code security.
• Tailwind CSS: Utility-first CSS framework for designing modern and responsive interfaces.
• React Router: Library for routing and navigation within the application.
• React Context API: To manage the global state of the application, such as user authentication.
• React Hook Form: For managing forms in a simple and efficient way.
• Axios: For making HTTP requests to the backend.
• Vitest: Tool for performing unit and integration tests.

Installation and Configuration

Prerequisites

Make sure you have the following programs installed:

• Node.js (version 16 or higher)
• npm or yarn (package managers)

Steps to run the project

1. Clone the repository:

 git clone <URL_OF_THE_REPOSITORY>
 cd <NAME_OF_THE_DIRECTORY>

2. Install dependencies:

  npm install

3. Build the project for production:

npm run build

4. Tests:

npm run test