- El primer titulo, solo copia el codigo
![Typing SVG](https://readme-typing-svg.herokuapp.com/?color=02D9F7FF&size=35¢er=true&vCenter=true&width=1000&lines=๐๐๐;๐๐+๐๐;๐+๐;Welcome!)
-
El primer titulo, solo copia el codigo
<h1 align="center">Github Metrics </h1><p align="center"> <img width="725em" src="https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=bastndev&theme=github_dark" /> </p>
- El primer titulo, solo copia el codigo
[![Ashutosh's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=bastndev&bg_color=0d1117&color=ffffff&line=00b3ff&point=f9fafa&area=true&hide_border=true)](https://github.com/ashutosh00710/github-readme-activity-graph)
- El primer titulo, solo copia el codigo
<div align="center">
<img width="49%" height="195px" src="https://github-readme-stats.vercel.app/api?username=bastndev&show_icons=true&count_private=true&hide_border=true&title_color=02D9F7FF&icon_color=02D9F7FF&text_color=c9d1d9&bg_color=0d1117" alt="Bastian Dev github stats" />
<img width="41%" height="195px" src="https://github-readme-stats.vercel.app/api/top-langs/?username=bastndev&layout=compact&hide_border=true&title_color=02D9F7FF&text_color=02D9F7FF&bg_color=0d1117" />
</div>
- El primer titulo, solo copia el codigo
<p align="center"> <img src="https://github-readme-streak-stats.herokuapp.com?user=bastndev&theme=tokyonight_duo&hide_border=true" </p>
- El primer titulo, solo copia el codigo
<div align="center">
<div align="center">
<a href="https://facebook.com/๐ฝ" target="_blank"><img alt="Facebook" src="https://img.shields.io/badge/facebook-%231DA1F2.svg?&style=for-the-badge&logo=facebook&logoColor=white"/></a>
<a href="https://twitter.com/๐ฝ" target="_blank"><img alt="Twitter" src="https://img.shields.io/badge/twitter-%231DA1F2.svg?&style=for-the-badge&logo=twitter&logoColor=white" /></a>
<a href="https://www.youtube.com/๐ฝ" target="_blank"><img src="https://img.shields.io/badge/-youtube-d71e18?style=for-the-badge&logo=youtube&logoColor=white" style="border-radius: 30px"></a>
<a href="https://www.tiktok.com/๐ฝ" target="_blank"><img src="https://img.shields.io/badge/TikTok-000?style=for-the-badge&logo=tiktok&logoColor=white" ></a>
<a href="https://www.instagram.com/๐ฝ/" target="_blank"><img src="https://img.shields.io/badge/-Instagram-%23E4405F?style=for-the-badge&logo=instagram&logoColor=white"</a>
[![Linkedin Badge](https://img.shields.io/badge/linkedin-%230077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/๐ฝ/)
[![Mail Badge](https://img.shields.io/badge/email-c14438?style=for-the-badge&logo=Gmail&logoColor=white&link=mailto:๐ฝ@gmail.com)](mailto:๐ฝ@gmail.com)
[![Kaggle Badge](https://img.shields.io/badge/Kaggle-035a7d?style=for-the-badge&logo=kaggle&logoColor=white)](https://www.kaggle.com/๐ฝ)
[![Medium Badge](https://img.shields.io/badge/Medium-12100E?style=for-the-badge&logo=medium&logoColor=white)](https://medium.com/@๐ฝ)
</div>
- Opcion dos
<p align="center">
<br/><br/><a href="https://www.linkedin.com/in/๐ฝ" target="_blank"><img src="https://img.shields.io/badge/-LinkedIn-0A0A0B?logo=linkedin&style=for-the-badge&logoColor=white" alt="LinkedIn Badge" /></a>
<a href="https://www.instagram.com/๐ฝ/" target="_blank"><img src="https://img.shields.io/badge/-Instagram-0A0A0B?logo=instagram&style=for-the-badge&logoColor=white" alt="Instagram Badge" /></a>
<a href="https://twitter.com/๐ฝ" target="_blank"><img src="https://img.shields.io/badge/-Twitter-0A0A0B?logo=twitter&style=for-the-badge&logoColor=white" alt="Twitter Badge" /></a>
</p>
<p align="center"><a href="https://t.me/๐ฝ" target="_blank"><img src="https://img.shields.io/badge/-Telegram-0A0A0B?logo=telegram&style=for-the-badge&logoColor=white" alt="Telegram Badge" /></a>
<a href="mailto:๐ฝ@protonmail.com" target="_blank"><img src="https://img.shields.io/badge/-ProtonMail-0A0A0B?logo=protonmail&style=for-the-badge&logoColor=white" alt="ProtonMail Badge" /></a>
<p/>
- El primer titulo, solo copia el codigo
```mermaid
graph TD;
Front-End-->HTML5;
Front-End-->CSS3;
Front-End-->JavaScript;
Front-End-->Angular;
Front-End-->React;
Front-End-->XML;
Front-End-->JSON;
Front-End-->Vue;
Front-End-->TypeScript;
Front-End-->JQuery;
graph TD;
Front-End-->HTML5;
Front-End-->CSS3;
Front-End-->JavaScript;
Front-End-->Angular;
Front-End-->React;
Front-End-->XML;
Front-End-->JSON;
Front-End-->Vue;
Front-End-->TypeScript;
Front-End-->JQuery;
- Back END
```mermaid
graph TD;
Back-End-->Java;
Back-End-->NodeJs;
NodeJs-->Socket.io;
NodeJs-->Meteor.Js.
Back-End-->PHP;
PHP-->Laravel;
PHP-->Zend;
PHP-->CakePHP;
Java-->JavaSE;
Java-->JavaEE;
JavaEE-->PureApplet;
JavaEE-->JavaServlet;
JavaEE-->EBJ;
Java-->Spring;
Java-->SQL;
Laravel-->SQL;
Spring-->SprBootMVC;
Spring-->SprBootAPI-REST;
Spring-->SprDATA-JPA;
SQL-->Hibernate;
SQL-->Spr-JDBC;
Spring-->Spr-Security;
Spring-->JSP;
Spring-->JPA;
Java-->Forms;
Forms-->iReport
Forms-->JFrame;
graph TD;
Back-End-->Java;
Back-End-->NodeJs;
NodeJs-->Socket.io;
NodeJs-->Meteor.Js.
Back-End-->PHP;
PHP-->Laravel;
PHP-->Zend;
PHP-->CakePHP;
Java-->JavaSE;
Java-->JavaEE;
JavaEE-->PureApplet;
JavaEE-->JavaServlet;
JavaEE-->EBJ;
Java-->Spring;
Java-->SQL;
Laravel-->SQL;
Spring-->SprBootMVC;
Spring-->SprBootAPI-REST;
Spring-->SprDATA-JPA;
SQL-->Hibernate;
SQL-->Spr-JDBC;
Spring-->Spr-Security;
Spring-->JSP;
Spring-->JPA;
Java-->Forms;
Forms-->iReport
Forms-->JFrame;
- Back END
<p align="center">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/React-Dark.svg" width="48" title="React.Js">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/NextJS-Dark.svg" width="48" title="Next.Js">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Redux.svg" width="48" title="Redux.Js">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/HTML.svg" width="48" title="HTML">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/CSS.svg" width="48" title="CSS">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/JavaScript.svg" width="48" title="Javascript">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/TypeScript.svg" width="48" title="TypeScript">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/TailwindCSS-Dark.svg" width="48" title="TailWindCss">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/MaterialUI-Dark.svg" width="48" title="MUI">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Sass.svg" width="48" title="Sass">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Bootstrap.svg" width="48">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/StyledComponents.svg" width="48" title="StyledComponents">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Figma-Dark.svg" width="48" title="Figma">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/XD.svg" width="48" title="Adobe XD">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Vite-Dark.svg" width="48" title="Vite">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Netlify-Dark.svg" width="48" title="Netlify">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Vercel-Dark.svg" width="48" title="Vercel">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Git.svg" width="48" title="Git">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/MongoDB.svg" width="48" title="MongoDB">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Firebase-Dark.svg" width="48" title="Firebase">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/VSCode-Dark.svg" width="48" title="Vscode">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Discord.svg" width="48" title="Discord">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Github-Dark.svg" width="48" title="Github">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/StackOverflow-Dark.svg" width="48" title="StackOverFlow">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Postman.svg" width="48" title="Postman">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Linux-Dark.svg" width="48" title="Linux">
<img src="" width="48" title="">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/NodeJS-Dark.svg" width="48" title="NodeJs">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/NestJS-Dark.svg" width="48" title="NestJs">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/ThreeJS-Dark.svg" width="48" title="ThreeJs">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Electron.svg" width="48" title="Electron">
<img src="https://github.com/tandpfun/skill-icons/blob/main/icons/Webflow.svg" width="48" title="Webflow">
<p/>
- El primer titulo, solo copia el codigo
```geojson
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"id": 1,
"properties": {
"ID": 0
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[-50,-20.9],
[-48.9,-20.9],
[-48.9,-20.9],
[-50,-20.9],
[-50,-20.9]
]
]
}
}
]
}
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"id": 1,
"properties": {
"ID": 0
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[-78,-11.9],
[-76.9,-11.9],
[-76.9,-11.9],
[-78,-11.9],
[-78,-11.9]
]
]
}
}
]
}
- El primer titulo, solo copia el codigo
<div align="center">
<br><p align="centre"><b>Visitors Count ๐ฝ </b></p>
<p align="center"><img align="center" src="https://profile-counter.glitch.me/{๐ฝ}/count.svg" /></p>
<br>
</div>
![GitHub Followers](https://img.shields.io/github/followers/bastndev?style=social)
![GitHub Followers](https://img.shields.io/github/stars/bastndev?style=social)
- El primer titulo, solo copia el codigo
Click Here ๐ 0D1117
- El primer titulo, solo copia el codigo
![](https://github.com/Platane/snk/raw/output/github-contribution-grid-snake.svg)
- El primer titulo, solo copia el codigo
<table style="width:100%">
<tr>
<td>
<a href="https://www.youtube.com/watch?v=ZZYZ0zEHfPw&t=279s&ab_channel=Marhuire%E2%99%AA">
<img src="https://i.ytimg.com/vi/ZZYZ0zEHfPw/maxresdefault.jpg">
</a>
</td>
<td>
<a href="https://www.youtube.com/watch?v=wtm9ElrhI_A&ab_channel=Marhuire%E2%99%AA">
<img src="https://acortar.link/14AKZg">
</a>
</td>
<td>
<a href="https://www.youtube.com/watch?v=wtm9ElrhI_A&ab_channel=Marhuire%E2%99%AA">
<img src="https://i.ytimg.com/vi/wtm9ElrhI_A/sddefault.jpg">
</a>
</td>
</tr>
<tr>
</table>
Angular |
Java |
Aws |
Spring Boot |
Typescript |
Javascipt |
PostgreSQL |
React Js - Native |
Git |
Firebase |
HTML |
CSS |
HTML | CSS | JavaScript | Java | Data Relational | VS Code | Wordpress | Bootstrap |
TypeScript | React | Python | Angular | Node | Tailwind | Dart | Spring Ecosystem | Flutter |