Dev.to

WeCoded Landing page

This is a submission for the WeCoded Challenge: Celebrate in Code My WeCoded Landing Page Demo https://rinka-pro.github.io/wecoded/ GitHub: https://github.com/rinka-pro/wecoded How I Built It For me, this project was a real challenge, especially in terms of design. I experimented with several versions before gradually arriving at the final one. I made sure to incorporate the suggested colors and gradients, and I also added some micro-animations to make the project more dynamic and engaging. Story-wise, I wanted to honor those women and LGBTQ+ people, who paved the way in tech, highlight the importance of WeCoded’s mission and to emphasize that everyone has a chance to make history. I decided not to use any frameworks because I wanted to keep it simple. However, I took the opportunity to practice TailwindCSS which turned out to be surprisingly enjoyable. I’d like to give a special thanks to my bestie ChatGPT for helping me with texts, as English is not my first language. The images for the hero section were generated by Reve, the icons are from PixelArtIcons and Icons8. Thanks so much for taking the time to check out my submission — I really appreciate it! If you have any questions or suggestions, feel free to leave them in the comments!

Apr 6, 2025 - 20:21

This is a submission for the WeCoded Challenge: Celebrate in Code

My WeCoded Landing Page

Demo

https://rinka-pro.github.io/wecoded/

GitHub:

https://github.com/rinka-pro/wecoded

How I Built It

For me, this project was a real challenge, especially in terms of design. I experimented with several versions before gradually arriving at the final one. I made sure to incorporate the suggested colors and gradients, and I also added some micro-animations to make the project more dynamic and engaging.

Story-wise, I wanted to honor those women and LGBTQ+ people, who paved the way in tech, highlight the importance of WeCoded’s mission and to emphasize that everyone has a chance to make history.

I decided not to use any frameworks because I wanted to keep it simple. However, I took the opportunity to practice TailwindCSS which turned out to be surprisingly enjoyable.

I’d like to give a special thanks to my bestie ChatGPT for helping me with texts, as English is not my first language. The images for the hero section were generated by Reve, the icons are from PixelArtIcons and Icons8.

Thanks so much for taking the time to check out my submission — I really appreciate it! If you have any questions or suggestions, feel free to leave them in the comments!