SpaceX PWA

SpaceX Launch Tracker

A Progressive Web Application to see SpaceX Launches 🚀

🗃   Built with

• React
• Redux

🧲   API used

• For fetching the data : SpaceX API

🛠   Prerequisites

• node >= v12.16.1

• npm >= 7.0.15

⚙️   Installing & Getting started

A minimal setup you need to get this application up & running. Make sure you have Node.js and NPM installed on your machine.

Check if Node.js is installed

node -v

Check if NPM is installed

npm -v

After checking the requirements, Clone the Repository using the below command

git clone https://github.com/engineeringwitharavind/spacex.git

Go to the directory and Install all the Dependancies using this

npm install

Run the Application

npm start

✨   Highlights  🎯

• A Progressive Web Application, which can be installed on any PWA compatible mobile devices.
• Fully responsive to covers all range of device.
• Used Lazy Loading to defer loading off-screen images which results in reduced initial page load time.
• Uses infinite scrolling approach to render the launch list in multiple steps, resulting in reduced dom elements on initial page load.
• Uses memoizing to prevent unnecessary re-renders, increasing the performance of Functional Components.
• Used Best Practices and Performance Optimizations, resulting in a better Lighthouse score.

⚡️   Lighthouse Performance

🛠   Crafted by

LinkedIn