Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/calcagnoloic/planets-fact
8-page fact site for all planets in our solar system
https://github.com/calcagnoloic/planets-fact
astro react typescript vitest
Last synced: 18 days ago
JSON representation
8-page fact site for all planets in our solar system
- Host: GitHub
- URL: https://github.com/calcagnoloic/planets-fact
- Owner: CalcagnoLoic
- Created: 2024-03-25T10:15:10.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-05-02T07:53:02.000Z (10 months ago)
- Last Synced: 2024-11-27T18:11:48.394Z (3 months ago)
- Topics: astro, react, typescript, vitest
- Language: Astro
- Homepage: https://calcagnoloic.github.io/planets-fact/
- Size: 1.38 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Planets facts
Interactive site showing several characteristics of the planets in our solar system. You can see
- the planet's general characteristics
- characteristics of the planet's strata
- characteristics of the planet's geological surface
- the planet's physical characteristics
![]()
| The planet's strata | The planet's geological surface |
| -------------------------------------- | ------------------------------------- |
| ![](./public/assets/img/internal.webp) | ![](./public/assets/img/surface.webp) |## User stories
- [x] View each planet page and toggle between the "Overview", "Internal Structure", and "Surface Geology" tabs
- [x] View the optimal layout for the app depending on their device's screen size
- [x] See hover states for all interactive elements on the page## Built with
- Semantic HTML5 markup
- Mobile-first workflow
- TailwindCSS
- Typescript
- AstroJS
- React## Author
- Website - [Portfolio](https://calcagno-loic.netlify.app/)
- Frontend Mentor - [@CalcagnoLoic](https://www.frontendmentor.io/profile/CalcagnoLoic)