This is a Next.js frontend for the Misinoformation Mitigation project. To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
Assuming npm is already installed, the project set up is quick and easy.
- Clone the repo
git clone https://github.com/ComplexData-MILA/veracity-eval-frontend.git
cd veracity-eval-frontend- Create a
.envfile in the root directory and add the necessary environment variables. Use a.env.localfor local development:
AUTH0_SECRET=${auth0SecretHere}
AUTH0_BASE_URL='https://veri-fact.ai/' or 'localhost:3000/'
AUTH0_ISSUER_BASE_URL='https://veri-fact.ca.auth0.com/'
AUTH0_CLIENT_ID=${clientIdHere}
AUTH0_CLIENT_SECRET=${clientSecretHere}
AUTH0_AUDIENCE='https://veri-fact.ca.auth0.com/api/v2/'
AUTH0_SCOPE='openid profile email offline_access'
NEXT_PUBLIC_API_URL='https://api.veri-fact.ai'- Install dependencies
npm install- Run project
npm run devProject will now be running on localhost:3000/
The frontend of the project uses typescript and sass throughout. Style modules are a mix of components and page-level styling.
Internationalization is handled by next-intl and at the time of writing, we are increasing use of our charting dependency, chart.js. Like most nextjs projects, linting is handled by eslint.
For more details on the project that are not specific to the frontend, please refer to the Project Overview wiki page.
For details relating to the Next.js project specifically there is wiki page here
For detailed API documentation, please refer to the API Specification wiki page, or to the Swagger Docs.