A Star Wars Project

A Star Wars 🌌🔫 project beautifully developed using SWAPI API.

• Created At - May 20, 2022
• Author - Dhrumil Amish Shah
• License - MIT

Links

• Frontend Deployment Link - frontend
• Backend Deployment Link - backend
• Frontend GitHub - client
• Backend GitHub - server

Frontend

• Stack - ReactJS and Material UI

Backend

• Stack - NodeJS and ExpressJS

Important

To connect frontend with backend and to run both of them on local machine, replace the base url in this file on line number 10 with http://localhost:5000.

Prerequisites 🚀

To have a local copy of this website up and running on your local machine, you will first need to install the following software/libraries/plugins:

• Node - Download and install Node, which also includes NPM (Node Package Manager). This will allow you to run both the frontend and backend.
• Visual Studio Code - Download and install VS Code or any Editor/IDE(Integrated Development Environment) of your choice.

Installations 📙

Steps on how to get this development env running. We'll use Node and NPM.

• Head to the official Node website to download and install Node, which also includes NPM.
• Select the Recommended For Most Users button and download the current version for your Operating System.
• After you download and install Node, open command prompt/terminal and run the following commands to check if everything works:
  • node -v
  • npm -v
• To run this project, clone it on your local machine and go to the directories (i.e., client and server) where the project is installed using cd ../folder_name/client and cd ../folder_name/server. Open both the folders side-by-side in CMD or in Visual Studio Code Terminal.
• Run npm install to install all the dependencies used by this project.
• Finally, run npm start to see it on the localhost.

Built With 🧰

• React - Frontend framework.
• Node - Backend JavaScript runtime built on Chrome's V8 JavaScript engine
• Express - Web framework for Node
• NPM - The package manager for Node.
• Git - Git for version control
• GitHub - For hosting the code.
• Postman - The Platform for API development and testing
• Visual Studio Code - The source code editor.
• Google Chrome - Browser used to visualize the changes

Libraries Used ✨

• Material UI
• axios
• cors
• dotenv
• express
• helmet
• swapi-node

Available Scripts 📜

npm start

Runs the app in the development mode. Open http://localhost:3000 to view the client and http://localhost:5000 to view the server in the browser. The page will reload if you make edits. You will also see any lint errors in the console.