SWAPI Buddy

Reac.js & Express.js appication for searching Star Wars characters using SWAPI.

Watch it in Action: (screen capture .gif)

Project Structure

1. client Front-end project in react.js
2. server Server project in Express.js

Approach

Data transformation and SWAPI api calls happen on the server side in server/service/swclient.js module. Goolge Image Search API have also been used to retreive relevant images according to the search.

Installation (Development)

1. Cloning the repository

   #Clone this repository:
   $ git clone https://github.com/IceProgrammer15/SWAPI-Buddy.git

2. Starting the server

   #Go into the repository/server folder
   $ cd SWAPI-Buddy/server
   
   #Install dependencies
   $ npm install
   
   #start the server
   npm start

Server will be running on port 5000 by default

3. Running the client

   #Go into the repository/client folder
   $ cd SWAPI-Buddy/client
   
   #Install dependencies
   $ npm install
   
   #Start the client app
   npm start

Keep both Client and Server app running. Front-end will use the server via local proxy

4-Visit: http://localhost:3000

Installation (Production)

Install dependencies for both client and the server as explained in previous section.

Gulp is required to build the project

Building the project:

  #Go into the repository/client folder
  $ cd SWAPI-Buddy/client

  #run build-all script
  $ npm run build-all

After successful build, server folder will have all the necessary files (both front-end and back-end).

Live on the Cloud

Microsoft Azure: https://swapi-buddy.azurewebsites.net

Google Cloud: http://35.227.83.148