DEV Community: Lakshya Singh Chauhan

How to Make an Attractive GitHub Profile README

Lakshya Singh Chauhan — Sat, 16 Aug 2025 03:37:31 +0000

A visually appealing GitHub profile README can make your account stand out, showcase your skills, and leave a lasting impression on visitors. In this post, we'll explore how to enhance your profile README using some free tools.

🎨 1. Add an Animated Header with `capsule-render`

Capsule-render lets you create eye-catching animated headers and footers. Embed it at the top of your README to greet visitors:

![Header](https://capsule-render.vercel.app/api?type=waving&color=gradient&height=150&section=header&text=Hi%2C%20I'm%20YourName!&fontSize=50)

Customize:

type: waving, float, slice, etc.
color: gradient or single color
text: your personal greeting or tagline

For more options visit the capsule-renderer website.
It instantly gives your profile a dynamic, welcoming look.

🙋 2. Introduce Yourself

Write a short, friendly intro to let visitors know who you are and what you do.

### 👋 About Me
Hi! I'm **YourName**, a web developer and Python enthusiast. I love building interactive web apps, exploring new technologies, and sharing knowledge through open-source projects.

🛠️ 3. Showcase Skills with `devions`

Display your tech stack with crisp icons. Here’s an example:

### 💻 Skills
![Python](https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/python/python-original.svg)
![JavaScript](https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg)
![React](https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg)
![TailwindCSS](https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/tailwindcss/tailwindcss-original.svg)

You can arrange them in a row or group by category.
You can find the icons at devicon.dev.

📊 4. Add GitHub Stats Cards

Showcase your GitHub statistics using GitHub Stats Generator.

![lakshyaelite's Stats](https://github-readme-stats.vercel.app/api?username=lakshyaelite&theme=default&show_icons=true&hide_border=true&count_private=true)
![lakshyaelite's Streak](https://github-readme-streak-stats.herokuapp.com/?user=lakshyaelite&theme=default&hide_border=true)
![lakshyaelite's Top Languages](https://github-readme-stats.vercel.app/api/top-langs/?username=lakshyaelite&theme=default&show_icons=true&hide_border=true&layout=compact)

You can also change the theme of the cards through the generator
{: .prompt-tip}

🧩 5. Add an Animated Footer with `capsule-render`

To top it all off, add a nice footer to the end using the capsule-render I mentioned before:

![Footer](https://capsule-render.vercel.app/api?type=slice&color=gradient&height=100&section=footer&text=Thanks%20for%20visiting!&fontSize=30)

💡 6. Extra Tips

Use emoji to add personality and visual cues.
Keep sections short and readable.
Include links to your portfolio or social media accounts.
Update regularly to reflect your latest skills and projects.

✅ Final Result

This is how my GitHub README turned out: View on GitHub

A well-designed GitHub profile README is all about first impressions. Using tools like capsule-render for animation and devicon for skill display can make your profile pop while keeping it professional.

Building a Poetry App with Google AI Studio: The Making of VerseForge

Lakshya Singh Chauhan — Fri, 01 Aug 2025 13:17:12 +0000

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

🔨 What I Built

I built VerseForge ✨—an interactive poetry collaboration app that lets users co-create original poems with AI. The idea was to craft a tool where users input a mood (e.g., 😔 melancholic, 🎉 euphoric), a theme (like 🌿 nature, ❤️ love, ⚡ loss), or even just an opening line, and then work with the AI to complete poems in real time. Users can write a line or stanza, and the AI responds with the next portion—maintaining tone, rhythm, and poetic structure.

Key features include:

🖋 Poetry form templates: free verse, haiku, sonnet, limerick
✏️ Editable AI suggestions: accept, tweak, or reject each AI-generated stanza
🚀 ‘Surprise Me’ mode: AI adds unexpected but harmonious twists to spark creativity
🗂️ Save & 🔗 Share: Users can return to drafts later or share their finished poems

I used custom prompt engineering within Google AI Studio to guide the AI's poetic structure, emotional tone, and stylistic consistency.

Here's the prompt I used:

Please create an interactive poetry collaboration app where users can input a mood (like melancholy, euphoric, nostalgic), theme (such as nature, love, loss, adventure), or opening line, and then work together with AI to craft original poems. The app should allow users to write a line or stanza, then have the AI suggest the next portion while maintaining consistent tone, rhythm, and style. Include features for users to accept, modify, or reject AI suggestions, and provide different poetry forms (free verse, haiku, sonnet, limerick) as templates. The interface should feel like a creative writing session with options to save, share, or continue editing poems across multiple sessions. Add a 'surprise me' mode where the AI generates an unexpected but harmonious continuation to challenge the user's creative direction. Name the app VerseForge.

🛣️ Demo

👉🏼 Visit the GitHub Repo

📚 My Experience

Building with Google AI Studio was empowering ✨. I was surprised by how nuanced the responses could be when given the right prompt structure. The biggest challenge was getting the AI to balance creativity with coherence—especially across different poetry forms. I learned how crucial it is to iterate on prompt design and to offer users creative control alongside AI input.

This project reinforced how AI can be a powerful tool not to replace, but to enhance human creativity. 💭

Free Up Space: Delete node_modules Using Everything

Lakshya Singh Chauhan — Wed, 30 Jul 2025 15:29:56 +0000

As a JavaScript developer, you've likely collected countless node_modules folders over time. These directories can grow massive and are often left behind by forgotten or abandoned projects.

In this post, we’ll walk through how to easily find and delete these folders on Windows using the Everything search utility.

🤔 Why Delete `node_modules` Folders?

They take up huge amounts of disk space
Often leftover from projects you no longer use
Cleaning them improves file system performance

Credit: https://tsh.io

📥 Step 1: Install the Everything App

Everything is a super-fast search tool for Windows that can instantly find files and folders by name.

👉 Download Everything

The voidtools website for Everything download

🔎 Step 2: Search for `node_modules`

Open Everything and type node_modules

You’ll instantly see all node_modules folders across all your drives.

All of the selected files

📊 Step 3: Sort by Size (Optional)

To find the largest folders first:

Right-click the column headers.
Enable the Size column.
Click on Size to sort in descending order.

Sorting by size

✅ Step 4: Verify Before Deleting

Right-click on any folder and choose “Open path” to inspect its contents.
Make sure it’s safe to delete (i.e., not from a current project).

Verifying

🗑️ Step 5: Delete Multiple Folders at Once

Use Ctrl or Shift + Click to select multiple entries.
Press Shift + Delete to permanently remove them.

⚠️ Be careful! This bypasses the Recycle Bin.

There go the files!

⚡ Bonus: PowerShell Cleanup Script

Want to automate the cleanup? Try this PowerShell script:

Get-ChildItem -Path C:\ -Recurse -Directory -Force -ErrorAction SilentlyContinue \
    -Filter node_modules | Remove-Item -Recurse -Force -WhatIf

Replace -WhatIf with -Confirm:$false to actually delete the folders.

🙌🏼 Conclusion

With the Everything app, cleaning up old node_modules folders is fast, easy, and satisfying. Clear the clutter and reclaim your disk space today!

Building an India COVID-19 Tracker with HTML, CSS, JavaScript

Lakshya Singh Chauhan — Tue, 10 Jun 2025 18:30:00 +0000

This project was built while vibing code with ChatGPT , which made the whole process a lot more fun and collaborative. 😄

🔧 Tools & Technologies

HTML5 – Structure of the site
CSS3 – Styling and responsive layout
JavaScript – Dynamic data fetching
disease.sh API – Free and public COVID-19 API

🎨 Features

🌗 Dark Mode toggle with local storage persistence
📱 Responsive Design for mobile devices
🔄 Real-time Data pulled from the disease.sh API

📁 File Structure

covid-tracker/
├── index.html
├── style.css
├── script.js

🌐 API Integration

We used the disease.sh API to get real-time COVID-19 data:

fetch('https://disease.sh/v3/covid-19/countries/India')

We extracted:

active cases
recovered cases
deaths

💡 Dark Mode

Dark mode was implemented by toggling a class on the body and saving user preference with localStorage:

localStorage.setItem('theme', 'dark');

📱 Responsive Design

With max-width containers and flexible layout using CSS, the site looks great on phones and desktops alike.

✅ Final Touches

Tooltip toggle icon for better UX
Aesthetic improvements and color contrast for light/dark modes
All functionality is fully client-side , no backend needed

🚀 Live Preview & Source Code

Want to see it live or fork the project?

🔗 GitHub Repository

🙌 Conclusion

Creating your own COVID-19 tracker helps you learn modern web technologies while building something practical. We combined real-time data, themes, and accessibility – all in one clean project.

Whether you’re a student or a frontend enthusiast, this project is a great showcase for your portfolio.

Stay safe and keep coding! 🇮🇳

Feel free to comment or share your version of the tracker!