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.
- 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
Clone the project:
git clone git@github.com:leojuriolli7/cluster.git
Go to the project directory:
cd cluster
Install the project dependencies:
yarn
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