Racism Zero

Project that aims to spread the story of some anti-racist personalities

Status: Finished

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

About

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

---

Features

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

---

Layout

Homepage

Personalities List Page

Personality Page Layout

---

How it works

Pre-requisites

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.

Running the project

# 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"

---

Tech Stack

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

---

Author

• Artur Poffo - Developer

---