RAIRfrontend

The REACT + Typescript marketplace frontend of the RAIR system.

The reducer.ts file contains the 0x addresses for the frontend to properly route smart contracts. By default we use our own smart contracts to the frontend should work out-of-the -box with no configurations required.

Frontend ENVs

Are listed in the Frontend ENV library. By default these should all work.

Navigating the Frontend Repo

Below are short descriptions of some of the files in each service directory. Use these as a reference when getting started.

Link to github	description
.husky	Helper to automatically lint your commit messages, code, and run tests upon committing or pushing.
commands	For custom scripts to be run on /RAIRfrontend
nginx-prod	Nginx Configurations (Prod)
nginx	Nginx Configurations
public	Public files like favicons
src	Main source folder (see below)

/src

Name	Description
components	Code for Individual page features
contexts	Contains context for CreatorStudio (Factory)
contracts	Frontend needs to route properly to the ABIs of smart contracts using these .JSONs
ducks	Ducks is short for (Redux) this folder handles state management for data
fonts	This is where the fonts are
hooks	In this folder exists custom React hook
images	just images and index.ts where all the imports exist
providers/ModalProvider	local state(context) for main filter modal
styled-components	styles components. Styled-component is a style library
typescript-global-types	folder where BlockchainType exists
utils	custom functions and data for blockchain
views/ErrorFallback	This folder contains the component where the error page exists.
App.css	Also Main stylesheet file just for App component
App.tsx	It's a main component after main.tsx
axios.responseTypes.ts	file containing the response types from the request
index.css	Main stylesheet file
main.tsx	A file in which we can connect certain rules for the App component. Example: StrictMode, Routing, Helmet, Context
vite-env.d.ts	The file vite-env.d.ts refers to a TypeScript declaration file used in a project built with Vite.js.