Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/leojuriolli7/cluster
React Forum PWA with my own GraphQL backend. Register, post and comment!
https://github.com/leojuriolli7/cluster
apollo cluster clusters forum fullstack graphql posts pwa react reactjs styled-components typescript
Last synced: 18 days ago
JSON representation
React Forum PWA with my own GraphQL backend. Register, post and comment!
- Host: GitHub
- URL: https://github.com/leojuriolli7/cluster
- Owner: leojuriolli7
- Created: 2022-07-21T03:25:36.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-02-20T04:16:22.000Z (over 1 year ago)
- Last Synced: 2024-10-11T01:56:51.907Z (about 1 month ago)
- Topics: apollo, cluster, clusters, forum, fullstack, graphql, posts, pwa, react, reactjs, styled-components, typescript
- Language: TypeScript
- Homepage: https://cluster-forum.com/
- Size: 2.73 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone [email protected]:leojuriolli7/cluster.git
```
Go to the project directory:
```bash
cd cluster
```
Install the project dependencies:
```bash
yarn
```
## Usage
Define the API endpoint on .env (clone and run Cluster API on localhost:3000, for example)
```bash
REACT_APP_API_URL=localhost:3000/graphql
```
Start the application:
```bash
yarn start
```