The are five pages.
The first page as Home is NASA's Astronomy Picture of the Day. You can see daily picture provided by NASA APis by
selecting a date or random date.
The second page as Mars Weather. The are two maps. Each map has 3 layers you can choose. Earth map with your
location and your local weather conditions. When you click on the blue point on the first map you'll see a popup
with another information such as exchange rates for your local currency and Covid situation in your country, your
IP address and coordinates. Second map: Mars map with Nasa's operational Mars lander and rovers locations (three
devices as Feb, 2022). When you click on the icon, you will see information about the lander or rover. At the
bottom of the page is a graph showing Martian weather conditions over the past seven days. All data about Mars
are provided by NASA APis.
The third page as Mars 3D. There is a 3D model of Mars generated by CesiumJS. You can choose one of two layers.
On the Mars model there are three Nasa's operational devices (as Feb, 2022). When you click on the icon you will
see information about the lander or one of two rovers.
The fourth page as Mars Pictures. There is an accordion with two tabs. The first tab show pictures from Mars
taken by Curiosity Mars Rover (operational). The second one shows pictures taken by inactive rovers on Mars:
Opportunity and Spirit. Pictures are provided by NASA APis. You can watch the pictures in a lightbox.
The fifth page as Nasa 3D Model. This is 3D animation showing Mars based on Three.js library and
Nasa's 3D .glb Model of Mars.
More information is provided in
README.md.
The application gets ISS data from the web API. The large OSM/ Leaflet map shows the current movement parameters (like speed, altitude, position, etc.). The positions of the ISS and sun icons are real and updated every 1s. The ISS visibility circles are generated on an ongoing basis: over the horizon and 20 degrees above the horizon. Below is an accordion. The first tab is the ISS dynamic height plot - actual data (CanvasJS library used). The second tab is the dynamic table of ISS values ​​(last 5 seconds). The third tab shows the visible ISS transitions at a given location, at least 20 degrees above the horizon for the next 72 hours. The fourth tab displays TLE of ISS. Below is the ISS 3D path around the Earth (CesiumJS library used) and actual data such as sunrise / sunset, moonrise / moonset.
There are two inputs: the first input - for the amount, and the second one - for greetings. After clicking the Submit button - the Stripe component is launched - for online card payments. The email is then sent automatically by SendGrid (to the email address you provided during payment) and the information is then stored in MongoDB Atlas Database. You can see all the greetings by clicking on the list. The user interface is bilingual: Polish and English. Translations are handled by i18next. Payments are in test mode - instructions on the site.
The app uses Luhn algorithm, prefixes and number length to validate credit cards.
This is a CRUD App. You can log in, log out, register and delete account (this will remove all todos - ON DELETE CASCADE Constraint) is used. When you are logged in you can add, update, delete your tasks and read your tasks and those of other users if they are not private. Automatic logout is after 10 minutes of inactivity. There are axios interceptors to refresh the access token.
The application generates one of 16.777 million colors and queries https://www.thecolorapi.com for the nearest HTML color with the name. Then you can change the color with the RGB sliders. The color changes continuously and is displayed in grayscale next to it. The grayscale can be changed using the HSL sliders. All values are converted on an ongoing basis: #HEX, RGB, HSL and CMYK. There are generated on an ongoing basis RGB, CMYK charts, Hue circle and Saturation and Lightness charts. More information is provided in the repository.
The application gets a string of true random characters from https://www.random.org. Later, you can choose a random password length (between min and max - this is a pseudo-random number) or set the password length. Then you can adjust the password settings: small / large letters, numbers and signs. After that you select a shuffle method: Fisher-Yates or Sattolo cycle to generate a password that you can copy to the clipboard.
Firestore database application - after creating an account, you can log in and add / read an article. Less to CSS compilation takes place in the browser. Responsiveness is not done yet.
Professional projects will be soon...