React Starwars App

Demo

Check the demo here https://afternoon-eyrie-44218.herokuapp.com/

Description

A SPA build with React, Typescript, Graphql that utilize the starwars Api (https://swapi.dev/) to list all the Characters on the Starwars universe.

Requirement

• Nodejs
• TypeScript
• React

Installation

• You first need to clone the repository.

git clone https://github.com/Nelh/React-Typescript-GraphQL-Project.git

Server

• cd into the server folder

cd React-Typescript-GraphQL-Project/server

Run npm install

npm install

To start the Server, if you have yarn install run

yarn dev 

or

npm run dev

You should see something like this on the terminal

[nodemon] 2.0.7
...
[nodemon] starting `ts-node ./src/index.ts`
Running a GraphQL API server at 5000...

Client

Open a new terminal and in the root folder cd into the client folder

cd React-Typescript-GraphQL-Project/client

Run npm install

npm install

Start the Server, if you have yarn install run

yarn start

or

npm run start

You will see something like this

You can now view client in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.88.251:3000

Note that the development build is not optimized.
To create a production build, use yarn build...

Author

Nelh Armstrong