The frontend for InsPilot: a multimodal creative stimulus system that aids designers by leveraging the capabilities of Large Language Models (LLM) and StableDiffusion (SD). Accompanying the paper [TODO: fill the link].
The backend: InsPilot-api.
node
: Runnode -v
to check ifnode
is already installed. The node version used in the development environment is v16.16.0, but it can also run successfully on the server version v18.18.2.react-sketch-canvas
: A community-open-sourced canvas library for drawing functionalities. There may be some bugs in the implementation, but there are no problems in current usage. It's essential to keep an eye on the library's updates and feature upgrades. Reference: https://github.com/vinothpandian/react-sketch-canvastailwindcss
: A widely-used CSS library.next.js
.
The project structure is as follows:
├── LICENSE
├── next.config.js
├── next-env.d.ts
├── package.json
├── package-lock.json
├── postcss.config.js
├── public
│ ├── fonts
│ ├── icons
│ └── images
├── README.md
├── src
│ ├── app
│ ├── components
│ ├── configs
│ ├── lib
│ ├── mocks
│ ├── services
│ ├── styles
│ ├── theme
│ └── types.d.ts
├── tailwind.config.ts
├── tsconfig.json
└── typings.d.ts
Configuration files are located in ./src/configs
, including:
env.ts
: API service configuration.routes.ts
: Page routing configuration. When adding new pages, first add new page files in theapp
folder, then configure corresponding page information inroutes.ts
(otherwise, navigation will not be possible).site.ts
: Site information configuration. You can configure information such as the website name, logo, and introduction.
- Please start the API service before running, which is the
Refinity-api
project (URL configuration is located in./src/configs/env.ts
). - Run the command
npm install
oryarn
to install the project's required dependencies (node_modules
). - Execute the command
npm run dev
to start the project at the specified port (default is 3000). The frontend page can be viewed in the browser atlocalhost:port
.
- Please start the API service before running (URL configuration is located in
./src/configs/env.ts
). - Run the command
npm install
oryarn
to install the project's required dependencies (node_modules
). - Build the project by running the command
npm run build
in the project directory. - After building, start the production server by executing
npm run start
. - In a production environment, it is recommended to use a process manager (such as PM2) and monitoring tools to maintain application stability and address any potential issues timely. First, install
pm2
, then you can use the command:pm2 start npm --name "Refinity" -- start
to ensure the service continues running on the server after SSH is closed.