DEV Community

Gabi
Gabi

Posted on • Updated on • Originally published at gabriela.codes

From design to code

Alt Text

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.

Top comments (0)