/project-solar-system-react-js

Project made in the Trybe Course, module 2 (front end development) - block 10: Introduction to React

Primary LanguageJavaScript

Project Solar System React JS

👋 Hey! This is first React project in Trybe course. This is a page with the planets of the solar system and informations about space missions.

🔗 Deployed Here

📍 Here I use JS, React and Tailwind for pratice the skills:

  • Use JSX in React;
  • Correctly use the render() method to render your components;
  • Using import to bring components in different files;
  • Create Class Components in React;
  • Create multiple components of an array;
  • Make use of props correctly;
  • Make use of PropTypes to validate a component's props.

📖 The project requirements were:

1. Create a component called Header ✔️

2. Create a component called SolarSystem ✔️

3. Create a component called Title ✔️

4. Render the Title component inside the Solar System component ✔️

5. Create a component called PlanetCard ✔️

6. Render a list with the planets of the Solar System ✔️

7. Create a component called Missions ✔️

8. Render the Title component inside the Missions component ✔️

9. Create a component called MissionCard ✔️

10. Render a list of space missions ✔️

🙏🏽 Thanks for viewing this repository!