Skip to content

A school project that covers the history of several anti-racist personalities

Notifications You must be signed in to change notification settings

Artur-Poffo/Racism-Zero

Repository files navigation

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

Status: Finished

AboutFeaturesLayoutHow it worksTech StackAuthor

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

Print of Homepage

Personalities List Page

Print of Personalities List Page

Personality Page Layout

Print of 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

Linkedin Badge Gmail Badge