The latest articles on DEV Community by Comptech Charan (@compteccharan). https://dev.to/compteccharan 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%2F672645%2F4116c109-a142-4f5d-8ad3-c0798755d640.jpeg https://dev.to/compteccharan en Comptech Charan Thu, 17 Jul 2025 17:05:15 +0000 https://dev.to/compteccharan/built-my-portfolio-website-jad https://dev.to/compteccharan/built-my-portfolio-website-jad <p><em>This post is my submission for <a href="https://dev.to/deved/build-apps-with-google-ai-studio">DEV Education Track: Build Apps with Google AI Studio</a>.</em></p> <h2> What I Built </h2> <p>I set out to build a personal portfolio website to showcase my skills, projects, and experiences as a developer. Key prompts I used included "create a responsive layout," "integrate a contact form," and "feature a blog section." I also utilized modern web technologies like HTML, CSS, and JavaScript to enhance the user experience.</p> <h2> Demo </h2> <p>You can view my portfolio here: charancodes.me. Below are some screenshots of my website:</p> <p>Homepage Screenshot - <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%2F7627gmbuyqgjhuh5xhin.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%2F7627gmbuyqgjhuh5xhin.png" alt=" " width="800" height="404"></a></p> <p>Projects Section</p> <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%2Fu0wmk3n4qnml6rqq456k.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%2Fu0wmk3n4qnml6rqq456k.png" alt=" " width="800" height="362"></a></p> <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%2Fa8fl31moeqe4pl3jbukg.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%2Fa8fl31moeqe4pl3jbukg.png" alt=" " width="800" height="361"></a></p> <p>Contact Form</p> <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%2F83ykpw0ounvo73iu31z2.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%2F83ykpw0ounvo73iu31z2.png" alt=" " width="800" height="365"></a></p> <h2> My Experience </h2> <p>Building my portfolio website was a fantastic journey that taught me several important lessons. Firstly, I learned the significance of responsive design, ensuring that the website looks great on all devices. Additionally, I discovered the importance of showcasing my projects effectively to attract potential employers or clients.</p> <p>A surprising takeaway was how much I enjoyed the design aspect of the website. Crafting a cohesive aesthetic really engaged my creative side. Overall, this project boosted my confidence in web development and helped solidify my understanding of the technologies I've been learning.</p> <h2> Cover Image </h2> deved learngoogleaistudio ai gemini