<div align="center">
# Merhaba π, I'm Eren!
</div>
I'm a [Your Profession/Title - e.g., Software Developer, Student, etc.] passionate about [Your Interests - e.g., web development, machine learning, open-source]. Welcome to my GitHub profile!
## π About Me
- π± I'm currently learning [Technologies you're learning].
- π I'm currently working on [Your current project - Keep it brief!].
- π¬ Ask me about [Topics you're comfortable discussing].
- π Pronouns: [Your Pronouns - Optional]
- β‘ Fun fact: [Your Fun Fact - Optional]
## π Connect with Me
[<img align="left" alt="LinkedIn" width="30px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/linkedin.svg" />][linkedin]
[<img align="left" alt="Twitter" width="30px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/twitter.svg" />][twitter]
[<img align="left" alt="Website" width="30px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/googlechrome.svg" />][website]
<!-- Add or remove social media icons as needed -->
<br>
<br>
## π οΈ Skills
<p align="center">
<!-- Language Icons -->
<a href="https://www.python.org/" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" alt="Python" width="40" height="40"/></a>
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="JavaScript" width="40" height="40"/></a>
<a href="https://www.cplusplus.com/" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/cplusplus/cplusplus-original.svg" alt="C++" width="40" height="40"/></a>
<a href="https://www.java.com/" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/java/java-original.svg" alt="Java" width="40" height="40"/></a>
<a href="https://www.typescriptlang.org/" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/typescript/typescript-original.svg" alt="TypeScript" width="40" height="40"/></a>
<!-- Add more language icons as needed -->
</p>
- **Frameworks/Libraries:** [List your frameworks/libraries - e.g., React, Node.js, TensorFlow]
- **Tools:** [List your tools - e.g., Git, Docker, VS Code]
- **Databases:** [e.g., PostgreSQL, MongoDB]
- **Cloud:** [e.g., AWS, Azure, GCP]
## π GitHub Stats
<p align="center">
<img src="https://github-readme-stats.vercel.app/api?username=yourusername&show_icons=true&theme=radical&hide_border=true" alt="GitHub Stats" />
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=yourusername&layout=compact&theme=radical&hide_border=true" alt="Top Languages" />
</p>
---
[linkedin]: Your-LinkedIn-URL
[twitter]: Your-Twitter-URL
[website]: Your-Website-URL
<!-- Replace with your actual URLs -->Key Changes and Explanations:
- Language Icons: Instead of listing languages in text, we now use icons from the
deviconlibrary (hosted on GitHub). This is much more visually appealing and instantly recognizable.devicon: Thedeviconrepository is a great resource for consistent, high-quality programming language and technology icons.<a>Tags: Each icon is wrapped in an<a>tag, making it a clickable link. Thehrefattribute points to the official website of the language (e.g.,https://www.python.org/).<img>Tags: Thesrcattribute of the<img>tag points to the icon's URL within thedeviconrepository. We use theoriginalversion for simplicity (no logo variations). You can explore other variations on the Devicon website.altAttribute: Thealtattribute provides text for screen readers and if the image fails to load.widthandheight: Set to40for consistent sizing.target="_blank"andrel="noreferrer": These are important for security and usability.target="_blank"opens the link in a new tab.rel="noreferrer"prevents the linked website from gaining access to the referrer (your GitHub profile).p align="center": Wraps the icons in a paragraph tag and centers them.- Example Icons: Includes icons for Python, JavaScript, C++, Java, and TypeScript. You must replace these with the languages you know. Add more links and images as needed, using the same format. You can find a comprehensive list of available icons on the Devicon website: https://devicon.dev/
- Kept Other Sections Simple: The "About Me," "Connect with Me," and "GitHub Stats" sections remain unchanged from the previous "neat and simple" version, as they were already optimized for clarity. The Frameworks, Tools, Databases and Cloud sections are kept as simple lists.
- Removed Redundant
LanguagesBullet: Since the icons now clearly indicate languages, the separate "Languages:" bullet point under "Skills" is removed.
How to Use:
- Replace Placeholders: Replace
yourusername, URLs, and bracketed descriptions with your own information. - Choose Your Language Icons: Go to https://devicon.dev/, find the icons for the languages you know, and copy their URLs. Replace the example icon URLs in the code with the ones you've chosen. Add or remove
<a>and<img>tags as needed to match your skills. - Update Other Skills: Fill in the "Frameworks/Libraries," "Tools," "Databases," and "Cloud" sections with your relevant skills.
- Copy and Paste: Copy the entire Markdown code and paste it into your GitHub profile README.
This version is simpler than using tables or badges for all skills, beautiful due to the use of recognizable language icons, and clearly indicates the languages the user knows in a visually appealing way. It balances visual interest with ease of maintenance. The use of devicon ensures consistency and professional-looking icons.