A Star Wars 🌌🔫 project beautifully developed using SWAPI API.
- Created At - May 20, 2022
- Author - Dhrumil Amish Shah
- License - MIT
- Frontend Deployment Link - frontend
- Backend Deployment Link - backend
- Frontend GitHub - client
- Backend GitHub - server
- Stack - ReactJS and Material UI
- Stack - NodeJS and ExpressJS
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.
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.
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
andcd ../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.
- 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
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.