Astro Map shows a projection of the moon’s shadow on the Earth for any solar eclipse within a 200 year range by using data supplied from NASA's public websites.
You can checkout the backend server for this app here.
The frontend has been implemented using React Native with Expo to create a mobile application. Material Dark theme is asserted by an UI library called React Native Paper while React Navigation is used for switching tabs with fluid animation.
For the design of the application, react-native-snap-carousel gives the ability to scroll cards on homepage horizontally. The map view is provided by react-native-maps so that you can see the path of different astronomical events when you click on the map view.
- Node.js v18 or above
- React v18 or above
- React Native v0.70 or above
- Expo v47.0 or above
The application is mobile version only. While it may be possible to upload the application to Play Store or App Store, you can clone the repository and try it yourself.
Make sure your local machine reach the minimum requirement.
- Open terminal and enter
$ git clone https://github.com/plaintree/astro-map-fe $ cd astro-map-fe$ npm installto install the npm packages$ npm startto run the application in your computer- Make sure you go to Play Store (Andriod) or App Store (iOS) and install Expo Go
- Once finished, open Expo Go and Scan the QR Code shown in the terminal
If error message is shown in the terminal, try to troubleshoot it and see if all the packages are installed correctly.