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 |
---|---|
Helper to automatically lint your commit messages, code, and run tests upon committing or pushing. | |
For custom scripts to be run on /RAIRfrontend | |
Nginx Configurations (Prod) | |
Nginx Configurations | |
Public files like favicons | |
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. |
Last updated