https://github.com/pushpendra-1697/pushpendra-frontend-developer
The SpaceX Data Explorer is a web application built using React that allows users to explore and share information about SpaceX missions, capsules, and launches. The application integrates with the SpaceX API to fetch data and present it in a user-friendly interface. Users can browse through various sections, such as capsules, launches, and mission
https://github.com/pushpendra-1697/pushpendra-frontend-developer
chakra-ui expressjs mongodb node-fetch nodejs react-router reactjs redux
Last synced: 23 days ago
JSON representation
The SpaceX Data Explorer is a web application built using React that allows users to explore and share information about SpaceX missions, capsules, and launches. The application integrates with the SpaceX API to fetch data and present it in a user-friendly interface. Users can browse through various sections, such as capsules, launches, and mission
- Host: GitHub
- URL: https://github.com/pushpendra-1697/pushpendra-frontend-developer
- Owner: Pushpendra-1697
- Created: 2023-05-21T04:05:09.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-22T10:38:55.000Z (about 2 years ago)
- Last Synced: 2025-01-06T04:13:04.152Z (6 months ago)
- Topics: chakra-ui, expressjs, mongodb, node-fetch, nodejs, react-router, reactjs, redux
- Language: JavaScript
- Homepage: https://spacex-three-steel.vercel.app/
- Size: 439 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pushpendra-Frontend-Developer
# Overview
The SpaceX Data Explorer is a web application built using React that allows users to explore and share information about SpaceX missions, capsules, and launches. The application integrates with the SpaceX API to fetch data and present it in a user-friendly interface. Users can browse through various sections, such as capsules, launches, and mission.
# Frontend Verecel Deployed Link :
https://spacex-three-steel.vercel.app/
# Backend Cyclic Deployed Link:
https://spacex-avir.onrender.com/
# Tech Stack :
# A) Frontend :
React (JSX Syntax), Redux, Chakra-ui Library for Styling & Modal, axios for handling asynchrous request, react-router-dom for routing or Navigate from one page to another, Standard react components, React-hooks, chakra-icons & react-icons.
# B) Backend :
Node.js, Express.js, mongodb (NoSQL), mongoose for connect database to server, cors for handling the cors error, relationships between collections, jsonwebtoken, node-fetch, BSON and Bsondump and Mocha, Chai used for testing REST APIs in Node.JS.
## Installation
Clone the Repository from Github. Then do the following steps:
```bash
npm install
For Frontend
npm run start
For Backend
npm run server
```
PORT ---> 3000 || 8080
# Some HTTP (Hyper Text Transfer Protocol) Status Code Which I used :
404 ---> Not Found/failure
201 ---> Created/post
200 ---> OK/Success/get/put
# API Testing by Mocha, Chai JavaScript testing framework:
```bash
To Run Test-Cases use
npm test
(or)
npm run test
```
# Some Project Screenshots :
# A) For Computer Screen:
# B) For Mobile/Tablet Screen :
