Cluster

Cluster is a forum website made with React JS and consuming my GraphQL API called Cluster API.

Access Cluster: https://cluster-forum.com/

Cluster is also a PWA (Progressive Web App) - It can be downloaded as an app like a regular application on the phone or desktop.

The website has authorization (register and login) and the ability to create, edit or delete posts and comments. It also has light and dark mode alongside 🇧🇷Portuguese and 🇺🇸English translations.

The website identifies the browser/OS theme on the first visit and saves it. It also watches the browser/OS theme changes and follows it. Cluster also identifies the browser language and sets it automatically on the first visit.

Tecnologies used in this project:

• ReactJS, Typescript
• Zustand for state management
• Apollo Client for consuming the GraphQL API
• i18Next for translations
• React Hook Form and Yup
• Styled Components with light and dark mode
• React Router for routing

Installation

Clone the project:

git clone git@github.com:leojuriolli7/cluster.git

Go to the project directory:

cd cluster

Install the project dependencies:

yarn

Usage

Define the API endpoint on .env (clone and run Cluster API on localhost:3000, for example)

REACT_APP_API_URL=localhost:3000/graphql

Start the application:

yarn start