Project Title
Spaceflight Details
Project Description
- Displaying all spaceflight details which is comes from third party API.
- User can search data by rocket name.
- Also filter by launch status(Failure, Success), upcoming status.
- Implemented pagination which shows per page 9 items. also implemented If the user reloads the page then show the list according to the page number.
- A Date filter is also implemented but its not working now because of unclear information about it.
How to run this Project
First clone the git repository using this command
git clone https://github.com/Arif-hossaian/Project-Spaceflight.git
Then install npm or yarn to include node modules in this project
npm install
# or
yarn install
After installing node modules, create a .env file named as .env.local file and paste whatever is inside the .env.example file. Without doing this API will not work and that project will not work also.
.env.local
After setup .env.local file, to run this project locally you have to run this command
npm start
# or
yarn start
Technologies Used
- React JS(Functional component)
- Context API
- Typescript
- Tailwind CSS
- Scss