Welcome to the b2bit project! 🚀 This challenge was designed to assess the technical capacity of candidates for Front-end Developer positions in ReactJS.
The project description can be seem in the following chaleng link.
The project can be accessed at: b2bit-maycon
Before running the project, it is necessary to have npm and node installed on your machine.
Note
ℹ️ My System Information:
- npm ~> v10.1.0
- node ~> v18.18.0
After checking or installing node and npm on your machine it is necessary to clone the git repository of the frontend with the following command:
$ git clone https://github.com/maycon-mdrs/b2bit.gitAfter all, ensure to create an .env file following the structure outlined in .env.example. This file should contain all necessary environment variables for the application to function properly.
| Variable | Description |
|---|---|
| VITE_API_URL | The URL of the API endpoint that the frontend consumes. For local development, it is set to https://api.homologation.cliqdrive.com.br/auth/. Ensure it points to the correct API server address. |
Firstly, it's necessary to install all project dependencies using npm:
$ npm iTo run the project in development mode, use the following command:
$ npm run devTo build the project, execute the following command:
$ npm run build-
src/components: This directory may contain reusable components that can be used in various parts of the application. -
src/pages: Specific page components will be placed here. Each page may have its own directory with components, styles, etc. -
src/services: Shared services will be placed here. Services are used for business logic, communication with APIs, etc. -
src/lib: This directory may contain shared resources. -
src/hooks: Files related to React hooks will be maintained here. -
src/interfaces: Specific interfaces for this application will be kept here. -
src/context: This folder will contain all the context files for managing global state in the application (login).