The latest articles on DEV Community by Ronil Shah (@ronil_shah_4). https://dev.to/ronil_shah_4 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2621426%2Ff0877bf5-8c6b-42c9-b219-40ef5708d402.png https://dev.to/ronil_shah_4 en Ronil Shah Sun, 06 Apr 2025 17:30:40 +0000 https://dev.to/ronil_shah_4/wecoded-challenge-5387 https://dev.to/ronil_shah_4/wecoded-challenge-5387 <p><em>This is a submission for the <a href="https://dev.to/challenges/wecoded">WeCoded Challenge</a>: Celebrate in Code</em></p> <h2> My WeCoded Landing Page </h2> <p>This landing page aims to promote articles related to the WeCoded challenge, which highlights inspiring stories from individuals in tech. It provides a platform for sharing personal journeys, challenges, and achievements.</p> <h2> Demo </h2> <p><iframe height="600" src="https://codepen.io/Ronil-Shah/embed/QwWPEvP?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> <h2> How I Built It </h2> <p>~Technologies Used: HTML5,CSS,JavaScript,DEV API.<br> ~HTML structure for each article card based on data returned from the API.<br> ~The option to switch between light and dark modes enhances user experience.<br> ~Dynamic content loading, interactive buttons, and the theme toggle provides an engaging platform for users.<br> ~By leveraging the DEV API to pull real stories from the community, the page feels alive and relevant.</p> <p>Thank You.<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9wpvvvh7qkll59ps5la7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9wpvvvh7qkll59ps5la7.png" alt=" "></a></p> devchallenge wecoded dei webdev Ronil Shah Sun, 29 Dec 2024 21:04:32 +0000 https://dev.to/ronil_shah_4/frontend-challenge-december-edition-77h https://dev.to/ronil_shah_4/frontend-challenge-december-edition-77h <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv208w2kzurqjmzle24e2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv208w2kzurqjmzle24e2.png" alt="Image description" width="800" height="378"></a><em>This is a submission for <a href="https://dev.to/challenges/frontend-2024-12-04">Frontend Challenge - December Edition, CSS Art: December</a>.</em></p> <p>Inspiration<br> Discover the magic of the winter solstice through fun and colorful cartoons! Our website brings this fascinating event to life with bright visuals and easy-to-understand explanations, making learning an exciting adventure for kids. Explore the science, traditions, and wonders of the longest night of the year in a playful and engaging way!</p> <p>Demo <br> You can check out my code and a couple of screenshots on the following github link:-- <a href="https://github.com/ShahRonil/DEVProject" rel="noopener noreferrer">https://github.com/ShahRonil/DEVProject</a> </p> <p>Journey <br> I got to know about this challenge through a friend and i wanted to try it out. using colours and cartoon images/gifs, they could be eye catching and in a world where its hard to capture the eyes of the younger ones, i thought that this method could help the learn and retain the knowledge in an easier way. And once it does catch their eyes they themselves might want to learn more about the winter solstice and how its celebrated throughout the world with different traditions.</p> <p>Thank You!</p> frontendchallenge devchallenge css