React Web Application

🚀 Quick start

Create a React Application.

1.Clone this repository

```shell
# create a new Gatsby site using the minimal starter
https://github.com/sahidularif/spaceflight
```

2.Start developing. Navigate into your new site’s directory and start it up.

```shell
cd spaceflight/
```

3.To install all req'd dependencies run:

npm install

4.Run

npm start or yarn start

🚀 Open the code and start customizing!

Your site is now running at http://localhost:3000!

Edit `src/app.tsx` to see your site update in real-time!

Demo

Open App

STACK:

React for frontend,

Tailwindcss as a UI library

Context Api for state management,

Netlify for hosting the App

** Key features **

Ability to filter flight: (Reselect)

• by rocket name;
• by last week;
• by last month;
• by last year;
• by success status;
• by upcomming;

Data Statistics: (Reselect)

• Mission name
• Launch date
• Rocket name
• Success status

Ability to paginate

More about filter:

• Filter happens without manual form submit.
• Clearing the filter returns the collection to its original state.