Skip to content

Web challenge that displays super (not) useful facts about solar system planets. Created with React app + Vanilla CSS

Notifications You must be signed in to change notification settings

reymondar/planets-facts-size

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

You can find this project here:

https://planets-facts-size.vercel.app/

The why and how

Planets Fact Size is a Frontendmentor Project created with ReactJS and CSS.

It's been a while since my last project due to some vacations and I wanted to create this one project without the help of any type of library or framework other than React ofc.

I just wanted to review react basics since my next project is going to be done with Next.js and probably Sass or styled Components and other libraries out there.

The aproach

So for this project I used Frontend.io Json file to pull the info. This was pretty neat since my major concern when I grabbed this one project was how to create one single component for every planet.

Responsiveness was the hardest part since I wanted to avoid using libraries or custom hooks created by others than me.

In conclusion it was a great project to get going with the basics after so much challenges, courses, vacations and work interferences. This is my first trully project uploaded to github, probably I'll upload my vanilla JS games one day but for now I'm good :).

References

I can't share Figma's file since is not mine but I'll leave free screenshots to see how the final version should look like (and ofc it does :P).

Desktop

preview

Tablet

tablet

Mobile

mobile

About

Web challenge that displays super (not) useful facts about solar system planets. Created with React app + Vanilla CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published