This application has the functionality to show some information about the planets of the Solar System and some information extracted from a NASA API.
This is the home screen of the application
The first button presents the planets of the Solar System, where each one will contain its information and characteristics. The FlatList component was used to list the Planets, also a file containing the information of each one. By clicking on the chosen planet, another screen will open where it will contain the information.
planetas.2.mp4
astronomica.2.mp4
This button opens a screen where images provided by NASA, through the API, of the missions on Mars will be shown. The Martian day (sol), the rover and the camera used must be informed. A list will show all images related to the search. It is also possible to open the image to have detailed information about the image and the Rover.
- Curiosity:
curiosity.2.mp4
- Opportunity:
opportunity.2.mp4
- Spirit:
spirit.2.mp4
This button opens a screen where the polychromatic image of the Earth taken by the NOAA DSCOVR satellite will be shown. Contains a picker where all the shooting dates will be shown. Each date corresponds to a different image.
policromatica.2.mp4
- Javascript
- React Native
- Node.Js
- Expo
- Axios
API | Services |
NASA Open APIs |
|
Library | Version | Description |
Async Storage | 1.17.11 | Database Service |
Datetimepicker | 6.7.3 | Select date and time |
Picker | 2.4.8 | Component to choose different options |
React Navigation: Stack, Botton Tabs |
Navigation between screens | |
Axios | 1.3.5 | Request and consume API |
Date-fns | 2.30.0 | Date formatting |
Expo FileSystem | 15.2.2 | Library that provides access to the local file system on the device |
Expo MediaLibrary | 15.2.3 | Library that provides access to the device's media library |
Expo Notification | 0.18.1 | A library to fetch notification tokens |
Permissions | 14.1.1 | Learn about configuring and adding permissions in an app config file |
Expo Sharing | 11.2.2 | Library that provides implementing sharing files |
Redux | 8.1.2 | Redux is a predictable state container for JavaScript apps |
Styled-components | 6.0.7 | Component styling |
To copy and test the project, run:
git clone https://github.com/felipesllopes/App-AstroGuia.git
Now we must access the folder where the project is contained and run the expo command:
cd App-AstroGuia
npx expo start