The Solar System Travel Guide - Alex, Axel & Lovisa

README.md

@@ -1,13 +1,33 @@
 # Final Project
 
-Replace this readme with your own information about your project.
+MASS CONVERTER:
+We created a calculator that convert mass weight in kilograms based on the gravitational force on each planet in the solar system. A result function is mapping through the list of planets and present the results accordingly, in a smooth scroll using useState, useRef and useEffect hooks.
 
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
+POST FEED:
+The celestial feed is where users can share and interact with each other through posted messages.
+
+We have used state management with useState hook for managing message input, error handling and tracking liked messages. For fetching and displaying messages we've used the UseEffect hook.
+
+And to store and retrieve liked messages we’ve used localStorage.
+
+For better user experience, the feed incorporates character count and visual feedback with animations during loading and for scrolling.
+
+‌
+CAROUSEL:
+The planet carousel component creates an interactive carousel of planetary images using the "react-slick" library for smooth transitions and custom arrows for navigation.
+
+We have used import useState, useEffect, Link and styled components to manage state, routing and for the styling.
+
+The carousel is rendered inside the CarouselContainer. Each slide is wrapped in a Link component for navigation to different routes based on the planet name.
+
+ACCESSIBILITY:
+We have thoughtfully considered colors and contrasts to ensure readability. Our site supports keyboard navigation, allowing users to easy tab between features. The top menu provides easy access to different sections, and we've included breadcrumbs so users can always see their current location and navigate through them as well. These features enhance the overall accessibility and usability of the site.
 
 ## The problem
 
 Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
 
 ## View it live
 
-Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
+Backend: https://project-final-45vw.onrender.com
+Frontend: https://thesolarsystemtravelguide.netlify.app

backend/README.md

@@ -5,4 +5,4 @@ This project includes the packages and babel setup for an express server, and is
 ## Getting Started
 
 1.  Install the required dependencies using `npm install`.
-2.  Start the development server using `npm run dev`.
+2.  Start the development server using `npm run dev`.

backend/data/Celestial.json

@@ -0,0 +1,41 @@
+[
+  {
+    "name": "Sun",
+    "nickname": "The Star at the Center",
+    "material": "Hydrogen and helium",
+    "surfaceTemperature": {
+      "core": "15,000,000°C",
+      "surface": "5,500°C"
+    },
+    "weatherClimate": "Solar wind, sunspots, solar flares, coronal mass ejections",
+    "travelTime": "Approximately 93 million miles from Earth; about 8 minutes for light to travel",
+    "curiosa": [
+      "The Sun's core, which accounts for 25% of its radius, is where nuclear fusion occurs.",
+      "The Sun has a layered structure with the core, radiative zone, and convective zone.",
+      "Solar phenomena such as sunspots, solar flares, and coronal mass ejections originate in the outer layers.",
+      "The Sun is about 4.6 billion years old and is expected to continue burning for another 5 billion years.",
+      "It contains 99.86% of the mass in the Solar System.",
+      "The Sun's magnetic field is carried outward through the Solar System by the solar wind."
+    ]
+  },
+  {
+    "name": "Moon",
+    "nickname": "Earth's Satellite",
+    "material": "Rock and dust",
+    "surfaceTemperature": {
+      "night": "-173°C",
+      "day": "127°C"
+    },
+    "weatherClimate": "No atmosphere, extreme temperature fluctuations",
+    "travelTime": "Approximately 238,855 miles from Earth; about 3 days with current technology",
+    "curiosa": [
+      "The Moon exerts a gravitational pull on Earth that significantly affects the planet's tides.",
+      "The tidal effect of the Moon causes slight but measurable deformations in the Earth's crust known as Earth tides.",
+      "The interaction between the Earth and Moon has gradually slowed Earth's rotation and caused the Moon to drift away from Earth.",
+      "The Moon has a diameter of about 3,474 kilometers (2,159 miles).",
+      "It is the fifth largest moon in the Solar System.",
+      "The far side of the Moon was first seen by humans in 1959 when the Soviet spacecraft Luna 3 transmitted photographs."
+    ]
+  }
+]
+

backend/data/Planets.json

@@ -0,0 +1,151 @@
+[
+  {
+    "name": "Mercury",
+    "nickname": "The Swift Planet",
+    "moons": 0,
+    "asteroids": "None known in its orbit",
+    "material": "Rock and metal",
+    "surfaceTemperature": {
+      "night": "-173°C",
+      "day": "427°C"
+    },
+    "weatherClimate": "No atmosphere, extreme temperature fluctuations",
+    "travelTime": "Approximately 39-48 million miles from Earth; about 3 months with current technology",
+    "curiosa": [
+      "Mercury is the closest planet to the Sun, with an average distance of about 58 million kilometers (36 million miles).",
+      "It experiences the most extreme temperature fluctuations in the solar system, ranging from -173°C (-280°F) at night to 427°C (800°F) during the day.",
+      "It has the shortest orbit around the Sun, taking only 88 Earth days to complete one revolution.",
+      "Mercury has a very thin atmosphere, known as an exosphere, made up of atoms blasted off its surface by solar wind and meteoroid impacts."
+    ]
+  },
+  {
+    "name": "Venus",
+    "nickname": "Earth's Twin",
+    "moons": 0,
+    "asteroids": "None known in its orbit",
+    "material": "Silicate rock and metals",
+    "surfaceTemperature": "467°C",
+    "weatherClimate": "Thick clouds of sulfuric acid, surface pressure 92 times that of Earth, frequent lightning and acid rain",
+    "travelTime": "Approximately 38-261 million miles from Earth; about 3-4 months with current technology",
+    "curiosa": [
+      "Venus is the hottest planet in our solar system, with surface temperatures averaging around 462°C (864°F) due to its thick, toxic atmosphere.",
+      "It is often called Earth's twin because it is similar in size, density, and composition.",
+      "Venus rotates very slowly and in the opposite direction to most planets, meaning the Sun rises in the west and sets in the east, indicating a retrograde rotation."
+    ]
+  },
+  {
+    "name": "Tellus",
+    "nickname": "The Blue Planet",
+    "moons": 1,
+    "asteroids": "No known asteroids in stable orbit around Earth",
+    "material": "Rock and metal",
+    "surfaceTemperature": "15°C",
+    "weatherClimate": "Diverse climates ranging from polar to tropical",
+    "travelTime": "N/A (we live here!)",
+    "curiosa": [
+      "Earth is the only planet known to support life and has liquid water on its surface.",
+      "About 71% of Earth's surface is covered with water.",
+      "Earth's atmosphere is composed of five main layers, which protect us from space debris and harmful solar radiation."
+    ]
+  },
+  {
+    "name": "Mars",
+    "nickname": "The Red Planet",
+    "moons": 2,
+    "asteroids": "Some captured Trojan asteroids",
+    "material": "Iron oxide (rust) and silicate rock",
+    "surfaceTemperature": {
+      "winter": "-125°C",
+      "summer": "20°C"
+    },
+    "weatherClimate": "Thin atmosphere, frequent dust storms, cold desert-like climate",
+    "travelTime": "Approximately 55-400 million miles from Earth; about 6-9 months with current technology",
+    "curiosa": [
+      "Mars is often called the Red Planet because of its reddish appearance, which is due to iron oxide (rust) on its surface.",
+      "It is home to the largest volcano in the solar system, Olympus Mons, which is about 13.6 miles (22 kilometers) high.",
+      "Mars has two small moons, Phobos and Deimos, which are thought to be captured asteroids.",
+      "It has a canyon system, Valles Marineris, that is over 4,000 km long."
+    ]
+  },
+  {
+    "name": "Jupiter",
+    "nickname": "The Gas Giant",
+    "moons": 92,
+    "asteroids": "Numerous Trojan asteroids sharing its orbit",
+    "material": "Hydrogen and helium, with a possible rocky core",
+    "surfaceTemperature": "-145°C at cloud tops",
+    "weatherClimate": "Great Red Spot (a giant storm), bands of clouds, strong winds",
+    "travelTime": "Approximately 365-601 million miles from Earth; about 1-2 years with current technology",
+    "curiosa": [
+      "Jupiter is the largest planet in our solar system, with a diameter of about 143,000 kilometers (89,000 miles).",
+      "It has a giant storm called the Great Red Spot, which is larger than Earth and has been raging for at least 400 years.",
+      "Jupiter has at least 79 moons, including the four largest called the Galilean moons: Io, Europa, Ganymede, and Callisto.",
+      "It has the strongest magnetic field in the solar system."
+    ]
+  },
+  {
+    "name": "Saturn",
+    "nickname": "The Ringed Planet",
+    "moons": 83,
+    "asteroids": "Some Trojan asteroids",
+    "material": "Hydrogen and helium",
+    "surfaceTemperature": "-178°C at cloud tops",
+    "weatherClimate": "Extensive ring system, strong winds and storms",
+    "travelTime": "Approximately 746-1.6 billion miles from Earth; about 3-6 years with current technology",
+    "curiosa": [
+      "Saturn is famous for its stunning ring system, which is made up of ice and rock particles.",
+      "It is the least dense planet; it could float in water if there were a body of water large enough.",
+      "Saturn's largest moon, Titan, has a thick atmosphere and lakes of liquid methane and ethane.",
+      "Saturn's rings are made mostly of ice particles, rocky debris, and dust."
+    ]
+  },
+  {
+    "name": "Uranus",
+    "nickname": "The Ice Giant",
+    "moons": 27,
+    "asteroids": "None known in its orbit",
+    "material": "Hydrogen, helium, and ices (water, ammonia, methane)",
+    "surfaceTemperature": "-224°C",
+    "weatherClimate": "Very cold, thick atmosphere, rotates at a tilted axis, extreme seasonal variations",
+    "travelTime": "Approximately 1.6-3.2 billion miles from Earth; about 8.5 years with current technology",
+    "curiosa": [
+      "Uranus rotates on its side, making its rotation axis nearly parallel to its orbit.",
+      "It has the coldest atmosphere of any planet, with temperatures dropping as low as -224°C (-371°F).",
+      "Its blue-green color is due to methane in its atmosphere, which absorbs red light."
+    ]
+  },
+  {
+    "name": "Neptune",
+    "nickname": "The Windy Planet",
+    "moons": 14,
+    "asteroids": "Some known Neptune Trojans",
+    "material": "Hydrogen, helium, and ices (water, ammonia, methane)",
+    "surfaceTemperature": "-214°C",
+    "weatherClimate": "Strong winds, storms, Great Dark Spot",
+    "travelTime": "Approximately 2.7-4.3 billion miles from Earth; about 12 years with current technology",
+    "curiosa": [
+      "Neptune has the strongest winds in the solar system, with speeds reaching up to 2,100 kilometers per hour (1,300 miles per hour).",
+      "Similar to Jupiter's Great Red Spot, Neptune has a giant storm called the Great Dark Spot.",
+      "Neptune's largest moon, Triton, has geysers that spew nitrogen gas and is one of the coldest places in the solar system.",
+      "Neptune emits more heat than it receives from the Sun."
+    ]
+  },
+  {
+    "name": "Pluto",
+    "nickname": "The Dwarf Planet",
+    "moons": 5,
+    "asteroids": "None known in its orbit",
+    "material": "Rock and ice",
+    "surfaceTemperature": {
+      "range": "-240°C to -218°C"
+    },
+    "weatherClimate": "Very thin atmosphere, surface made of nitrogen ice with possible seasonal nitrogen snow",
+    "travelTime": "Approximately 2.7-4.7 billion miles from Earth; about 9-12 years with current technology",
+    "curiosa": [
+      "Pluto has a heart-shaped glacier named Tombaugh Regio and is part of the Kuiper Belt.",
+      "It is classified as a dwarf planet in the Kuiper Belt.",
+      "Pluto has an elliptical orbit that takes it closer to the Sun than Neptune at times.",
+      "NASA's New Horizons mission provided the first close-up images of Pluto in 2015."
+    ]
+  }
+]

backend/data/SpaceFeed.json

@@ -0,0 +1,82 @@
+[
+  {
+    "message": "One day on Venus is longer than a year! It takes 243 Earth days to rotate once and 225 days to orbit the Sun.",
+    "likes": 0,
+    "createdAt": "2024-05-28T08:00:00Z"
+  },
+  {
+    "message": "Jupiter has the shortest day of all the planets. It completes a rotation on its axis in about 10 hours.",
+    "likes": 0,
+    "createdAt": "2024-05-27T12:00:00Z"
+  },
+  {
+    "message": "The hottest planet is Venus, with an average surface temperature of about 462°C (864°F).",
+    "likes": 0,
+    "createdAt": "2024-05-26T18:00:00Z"
+  },
+  {
+    "message": "Mars is home to the tallest mountain in the solar system, Olympus Mons, at about 13.6 miles high.",
+    "likes": 0,
+    "createdAt": "2024-05-25T10:00:00Z"
+  },
+  {
+    "message": "The Milky Way will collide with the Andromeda galaxy in about 4.5 billion years.",
+    "likes": 0,
+    "createdAt": "2024-05-24T15:00:00Z"
+  },
+  {
+    "message": "Neutron stars are so dense that a sugar-cube-sized amount would weigh about a billion tons.",
+    "likes": 0,
+    "createdAt": "2024-05-23T20:00:00Z"
+  },
+  {
+    "message": "Olympus Mons on Mars is the largest volcano in the solar system, nearly three times the height of Everest.",
+    "likes": 0,
+    "createdAt": "2024-05-22T14:00:00Z"
+  },
+  {
+    "message": "A day on Pluto is about 6.4 Earth days long.",
+    "likes": 0,
+    "createdAt": "2024-05-21T09:00:00Z"
+  },
+  {
+    "message": "Space is silent because there is no atmosphere to carry sound waves.",
+    "likes": 0,
+    "createdAt": "2024-05-20T17:00:00Z"
+  },
+  {
+    "message": "The moon drifts away from Earth at a rate of about 1.5 inches per year.",
+    "likes": 0,
+    "createdAt": "2024-05-19T11:00:00Z"
+  },
+  {
+    "message": "There are more trees on Earth (over 3 trillion) than stars in the Milky Way (100-400 billion).",
+    "likes": 0,
+    "createdAt": "2024-05-18T08:00:00Z"
+  },
+  {
+    "message": "Saturn's rings are mostly made of ice particles, rocky debris, and dust.",
+    "likes": 0,
+    "createdAt": "2024-05-17T13:00:00Z"
+  },
+  {
+    "message": "It rains diamonds on Jupiter and Saturn due to high pressure and heat turning carbon into diamonds.",
+    "likes": 0,
+    "createdAt": "2024-05-16T16:00:00Z"
+  },
+  {
+    "message": "The Sun's core is about 27 million degrees Fahrenheit (15 million degrees Celsius).",
+    "likes": 0,
+    "createdAt": "2024-05-15T19:00:00Z"
+  },
+  {
+    "message": "A year on Neptune lasts about 165 Earth years.",
+    "likes": 0,
+    "createdAt": "2024-05-14T22:00:00Z"
+  },
+  {
+    "message": "Pluto has mountains made of ice that are as tall as the Rockies.",
+    "likes": 0,
+    "createdAt": "2024-05-13T08:00:00Z"
+  }
+]

backend/models/CelestialModel.js

@@ -0,0 +1,41 @@
+import mongoose from "mongoose";
+
+const { Schema, model } = mongoose;
+
+const celestialSchema = new Schema({
+  name: {
+    type: String,
+    required: true,
+  },
+  nickname: {
+    type: String,
+    required: true,
+  },
+  material: {
+    type: String,
+    required: true,
+  },
+  surfaceTemperature: {
+    type: Map,
+    of: String,
+    required: true,
+  },
+  weatherClimate: {
+    type: String,
+    required: true,
+  },
+  travelTime: {
+    type: String,
+    required: true,
+  },
+  curiosa: [
+    {
+      type: String,
+      required: true,
+    },
+  ],
+});
+
+const CelestialModel = model("CelestialModel", celestialSchema);
+
+export default CelestialModel;