About • Features • Layout • How it works • Tech Stack • Author

Racism Zero - School project of the subject of the trail of digital technologies of philosophy where we address the stories of great anti-racist personalities

• Request personalities from a CMS and list them
• Dynamic routing for each requested personality
• Responsive Design

Before you begin, you will need to have the following tools installed on your machine: Git, Node.js and the pnpm package manager.

In addition, it is good to have an editor to work with the code like VSCode.

This project also uses aCMS called hygraph, create your account and create a project for free, you will need to save the information.

# Clone this repository
$ git clone https://github.com/Artur-Poffo/Racism-Zero.git

# Access the project folder cmd/terminal
$ cd Racism-Zero

# install the dependencies
$ pnpm install

# Run the application in development mode
$ pnpm dev

# The server will start at port: 3333 - go to http://localhost:3333

But, before running perfectly you must add an environment variable

On root directory, create a .env.local file:

# Hygraph
CONTENT_API="Insert here your URL of hygraph CMS"

The following tools were used in the construction of the project:

• React.js
• Next.js
• Typescript
• Framer-Motion (Lib for animations)
• Tailwind CSS (Lib for styles)
• React-Markdown (Lib to transpile markdown on HTML)
• graphql + graphql-request (To make requests to hygraph CMS)

See the file package.json

• Artur Poffo - Developer