Users Manager: React, TypeScript, ReactQuery, @apollo/client, Graphql, Infinite scrolling, MUI

Available Scripts

Clone Project

To clone the project with submodules projects use the following command:

git clone --recurse-submodules git@github.com:Alaa-M1/users-manager-with-reactquery-graphql.git

Run Project

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Run GraphQL server with JSON Server

To run JSON Server (The server will run by default on http://localhost:4000):

npm run json-server

To run Express GraphQL Server (The server will run by default on http://localhost:5000/graphql):

npm run gql-server

Run GraphQL server with MongoDB Cloud

First, create .env file in the and add the following variable:

MONGO_CLOUD_URL=mongodb+srv://<user-name>:<password>@g1.w0g0vec.mongodb.net/<database>

You can use MongoDB cloud to create a new project and then to get the required URL
https://www.mongodb.com/

To run Express GraphQL Server (The server will run by default on http://localhost:5001/graphql):

npm run mongo-server