From design to code

gabriela profile image Gabriela Updated on ・1 min read

Alt Text

This post is initially published on my blog: https://tinyurl.com/y86h48f6 but I wanted to share here the React.js projects that were created as a result of this exercise.

I wanted to learn how to transform a design/photo into a CSS and Html5 project. That was the starting point at least. Very quickly after I decided to transform them into React.js projects because I use React.js often and wanted a nice theme. Translating a photo into code has always made me uncomfortable because I couldn't do it. In OOP Java world I didn't have to.

Here is the gist:
Project 1: https://blog-react-theme.netlify.app/
Code on GitHub: https://github.com/gabrielaradu/blogreactheme MIT Licence

Lighthouse audit results:
Alt Text
Alt Text

Project 2: https://story-react-theme.netlify.app/
Code on GitHub: https://github.com/gabrielaradu/storyreacttheme MIT Licence

Lighthouse audit results:
Alt Text
Alt Text

The projects are free to use, and I will try to iterate on the code with better practices on the long but without a precise schedule.

Happy coding.

Posted on May 29 by:

gabriela profile



Remote software developer playing with Java, SpringBoot, JavaScript and React.Js. Love creating useful products for people and creative hobbies.


markdown guide