|
1 | | -<!-- |
2 | | -<h2 align="center" font-weight="bold"> |
3 | | -🌟✨ Welcome ✨🌟 <br/> <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width="28">I am a Legendary Star of FULL-STACK alchemy. |
4 | | -</h2> |
5 | | -
|
6 | | -<img align="center" src="https://visitor-badge.laobi.icu/badge?page_id=codinghack0810" /> |
7 | | -
|
8 | | -<p align="center" padding="0"> |
9 | | - <a href="https://github.com/codinghack0810"> |
10 | | - <img src="https://readme-typing-svg.herokuapp.com/?lines=+Senior%20Front%20End%20Developer;Senior%20Back%20End%20Developer;Rich%20IT%20experience;&font=Anton¢er=true&width=650&height=120&color=58a6ff&vCenter=true&size=45%22"> |
11 | | - </a> |
| 1 | +<p align="center"> |
| 2 | + <a href="https://github.com/codinghack0810?tab=achievements"><img src="https://github-profile-trophy.vercel.app/?username=codinghack0810&theme=onestar&no-frame=true&column=3&row=2" width="38%" alt="@codinghack0810's trophy stats"/></a> |
12 | 3 | </p> |
13 | | - <br/> |
14 | | - <br/> |
15 | | -
|
16 | | -<h1 font-weight="bold"> |
17 | | - 🌟 My Skills |
18 | | -</h1> |
19 | | -
|
20 | | -<h2 font-weight="bold">🏅 Strengths Skills 🎩</h2> |
21 | | -<img src="https://skillicons.dev/icons?i=react,next,vue,angular,tailwind,figma,sass,materialui,ai,photoshop" width="100%"> |
22 | | -<img src="https://skillicons.dev/icons?i=javascript,typescript,nodejs,php,androidstudio,redux,laravel,mysql,mongodb,postgresql" width="100%"> |
23 | | - |
24 | | - <br/> |
25 | | -
|
26 | | -<h2 font-weight="bold">📜 All of My Skills ⚔️</h2> |
27 | | -
|
28 | | -<h3>👉 Programming Languages 👩💻</h3> |
29 | | - <p align="center"> |
30 | | - <img height='25em' src="https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E" /> |
31 | | - <img height='25em' src="https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white" /> |
32 | | - <img height='25em' src="https://img.shields.io/badge/PHP-777BB4?style=for-the-badge&logo=php&logoColor=white" /> |
33 | | - <img height='25em' src="https://img.shields.io/badge/Python-FFD43B?style=for-the-badge&logo=python&logoColor=blue" /> |
34 | | - <img height='25em' src="https://img.shields.io/badge/C-00599C?style=for-the-badge&logo=c&logoColor=white" /> |
35 | | - <img height='25em' src="https://img.shields.io/badge/C%23-239120?style=for-the-badge&logo=c-sharp&logoColor=white" /> |
36 | | - <img height='25em' src="https://img.shields.io/badge/C%2B%2B-00599C?style=for-the-badge&logo=c%2B%2B&logoColor=white" /> |
37 | | - <img height='25em' src="https://img.shields.io/badge/Go-00ADD8?style=for-the-badge&logo=go&logoColor=white" /> |
38 | | - <img height='25em' src="https://img.shields.io/badge/Ruby-CC342D?style=for-the-badge&logo=ruby&logoColor=white" /> |
39 | | - <img height='25em' src="https://img.shields.io/badge/Rust-black?style=for-the-badge&logo=rust&logoColor=#E57324" /> |
40 | | - </p> |
41 | | -
|
42 | | -<h3>👉 Frontend Development 💻</h3> |
43 | | - <p align="center"> |
44 | | - <img height='25em' src="https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB" /> |
45 | | - <img height='25em' src="https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white" /> |
46 | | - <img height='25em' src="https://img.shields.io/badge/nuxt.js-00C58E?style=for-the-badge&logo=nuxtdotjs&logoColor=white" /> |
47 | | - <img height='25em' src="https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white" /> |
48 | | - <img height='25em' src="https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D" /> |
49 | | - <img height='25em' src="https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white" /> |
50 | | - <img height='25em' src="https://img.shields.io/badge/Android_Studio-3DDC84?style=for-the-badge&logo=android-studio&logoColor=white" /> |
51 | | - <img height='25em' src="https://img.shields.io/badge/React_Native-20232A?style=for-the-badge&logo=react&logoColor=61DAFB" /> |
52 | | - <img height='25em' src="https://img.shields.io/badge/Flutter-02569B?style=for-the-badge&logo=flutter&logoColor=white" /> |
53 | | - <img height='25em' src="https://img.shields.io/badge/Material%20UI-007FFF?style=for-the-badge&logo=mui&logoColor=white" /> |
54 | | - <img height='25em' src="https://img.shields.io/badge/Chakra--UI-319795?style=for-the-badge&logo=chakra-ui&logoColor=white" /> |
55 | | - <img height='25em' src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white" /> |
56 | | - <img height='25em' src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white" /> |
57 | | - <img height='25em' src="https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white" /> |
58 | | - <img height='25em' src="https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white" /> |
59 | | - <img height='25em' src="https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white" /> |
60 | | - <img height='25em' src="https://img.shields.io/badge/Webpack-8DD6F9?style=for-the-badge&logo=Webpack&logoColor=white" /> |
61 | | - <img height='25em' src="https://img.shields.io/badge/Babel-F9DC3E?style=for-the-badge&logo=babel&logoColor=white" /> |
62 | | - <img height='25em' src="https://img.shields.io/badge/Qt-41CD52?style=for-the-badge&logo=qt&logoColor=white" /> |
63 | | - </p> |
64 | | -
|
65 | | -<h3>👉 Backend Development ⚙️</h3> |
66 | | - <p align="center"> |
67 | | - <img height='25em' src="https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white" /> |
68 | | - <img height='25em' src="https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white" /> |
69 | | - <img height='25em' src="https://img.shields.io/badge/GraphQl-E10098?style=for-the-badge&logo=graphql&logoColor=white" /> |
70 | | - <img height='25em' src="https://img.shields.io/badge/MySQL-005C84?style=for-the-badge&logo=mysql&logoColor=white" /> |
71 | | - <img height='25em' src="https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white" /> |
72 | | - <img height='25em' src="https://img.shields.io/badge/PostgreSQL-316192?style=for-the-badge&logo=postgresql&logoColor=white" /> |
73 | | - <img height='25em' src="https://img.shields.io/badge/redis-%23DD0031.svg?&style=for-the-badge&logo=redis&logoColor=white" /> |
74 | | - <img height='25em' src="https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white" /> |
75 | | - <img height='25em' src="https://img.shields.io/badge/Codeigniter-EF4223?style=for-the-badge&logo=codeigniter&logoColor=white" /> |
76 | | - <img height='25em' src="https://img.shields.io/badge/Django-092E20?style=for-the-badge&logo=django&logoColor=green" /> |
77 | | - <img height='25em' src="https://img.shields.io/badge/.NET-512BD4?style=for-the-badge&logo=dotnet&logoColor=white" /> |
78 | | - <img height='25em' src="https://img.shields.io/badge/Electron-2B2E3A?style=for-the-badge&logo=electron&logoColor=9FEAF9" /> |
79 | | - <img height='25em' src="https://img.shields.io/badge/Ruby_on_Rails-CC0000?style=for-the-badge&logo=ruby-on-rails&logoColor=white" /> |
80 | | - <img height='25em' src="https://img.shields.io/badge/firebase-ffca28?style=for-the-badge&logo=firebase&logoColor=black" /> |
81 | | - <img height='25em' src="https://img.shields.io/badge/Heroku-430098?style=for-the-badge&logo=heroku&logoColor=white" /> |
82 | | - </p> |
83 | | - |
84 | | -<h3>👉 Other 🧰️</h3> |
85 | | - <p align="center"> |
86 | | - <img height='25em' src="https://img.shields.io/badge/VSCode-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=white" /> |
87 | | - <img height='25em' src="https://img.shields.io/badge/Postman-FF6C37?style=for-the-badge&logo=Postman&logoColor=white" /> |
88 | | - <img height='25em' src="https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white" /> |
89 | | - <img height='25em' src="https://img.shields.io/badge/Adobe%20Photoshop-31A8FF?style=for-the-badge&logo=Adobe%20Photoshop&logoColor=black" /> |
90 | | - <img height='25em' src="https://img.shields.io/badge/Adobe%20Illustrator-FF9A00?style=for-the-badge&logo=adobe%20illustrator&logoColor=white" /> |
91 | | - <img height='25em' src="https://img.shields.io/badge/blender-%23F5792A.svg?style=for-the-badge&logo=blender&logoColor=white" /> |
92 | | - <img height='25em' src="https://img.shields.io/badge/Unity-100000?style=for-the-badge&logo=unity&logoColor=white" /> |
93 | | - <img height='25em' src="https://img.shields.io/badge/Amazon_AWS-FF9900?style=for-the-badge&logo=amazonaws&logoColor=white" /> |
94 | | - <img height='25em' src="https://img.shields.io/badge/GNU%20Bash-4EAA25?style=for-the-badge&logo=GNU%20Bash&logoColor=white" /> |
95 | | - <img height='25em' src="https://img.shields.io/badge/Linux-FCC624?style=for-the-badge&logo=linux&logoColor=black" /> |
96 | | - <img height='25em' src="https://img.shields.io/badge/GIT-E44C30?style=for-the-badge&logo=git&logoColor=white" /> |
97 | | - <img height='25em' src="https://img.shields.io/badge/Arduino-00979D?style=for-the-badge&logo=Arduino&logoColor=white" /> |
98 | | - </p> |
99 | | -<br/> |
100 | | ---> |
101 | | - |
102 | | -<h1 font-weight="bold">📊 My Github Stats 🏆</h1> |
103 | | - |
104 | | -<!-- <div align='center'> |
105 | | - <img alt="stats" height="150em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=codinghack0810&theme=dark&hide_border=false&include_all_commits=false&count_private=false&layout=compact"> |
106 | | - <a href="#"> |
107 | | - <img src="https://github-profile-trophy.vercel.app/?username=codinghack0810&theme=darkhub&row=1&column=6" alt="trophy"> |
108 | | - </a> |
109 | | - <br/> |
110 | | - <a href="https://awesome-github-stats.azurewebsites.net/index.html??cardType=level&theme=dark&preferLogin=false"> |
111 | | - <img alt="codinghack0810's GitHub Stats" src="https://awesome-github-stats.azurewebsites.net/user-stats/codinghack0810?cardType=level&theme=dark&preferLogin=false" /> |
112 | | - </a> |
113 | | -
|
114 | | - <a href="https://git.io/streak-stats"> |
115 | | - <img src="http://github-readme-streak-stats.herokuapp.com?user=codinghack0810&theme=dark" alt="GitHub Streak"> |
116 | | - </a> |
117 | | - <br/> |
118 | | - <img alt="stats" height="200em" src="https://github-contributor-stats.vercel.app/api?username=codinghack0810&limit=5&theme=dark&combine_all_yearly_contributions=true"> |
119 | | -</div> --> |
120 | | - |
121 | 4 | <p align="center"> |
122 | | - <a href="https://github.com/codinghack0810?tab=repositories"> |
123 | | - <img src="https://github-readme-stats-one-bice.vercel.app/api?username=codinghack0810&theme=gotham&show_icons=true&count_private=true&hide_border=true&role=OWNER,ORGANIZATION_MEMBER,COLLABORATOR" width="48%" alt="@codinghack0810's github-readme-stats"/> |
124 | | -<!-- <img src="https://awesome-github-stats.azurewebsites.net/user-stats/codinghack0810?cardType=level&theme=dark&preferLogin=false" width="48%" alt="@codinghack0810's github-readme-stats"/> --> |
| 5 | + <a href="https://github.com/codinghack0810/github-readme-stats"> |
| 6 | + <img height=200 align="center" src="https://github-readme-stats-cg8z.vercel.app/api?username=codinghack0810&show_icons=true&theme=radical&card_width=350" /> |
125 | 7 | </a> |
126 | | - <a href="https://github.com/codinghack0810?tab=stars"> |
127 | | - <img src="https://github-readme-streak-stats.herokuapp.com?user=codinghack0810&theme=gotham&hide_border=true&date_format=M%20j%5B%2C%20Y%5D" width="48%" alt="@codinghack0810's github-readme-streak-stats"/> |
| 8 | + <a href="https://github.com/codinghack0810/convoychat"> |
| 9 | + <img height=200 align="center" src="https://github-readme-stats-cg8z.vercel.app/api/top-langs?username=codinghack0810&layout=compact&langs_count=8&card_width=350&theme=radical" /> |
128 | 10 | </a> |
| 11 | + |
129 | 12 | </p> |
130 | | - |
131 | | -<!-- activity graph heroku-app start --> |
132 | 13 | <p align="center"> |
133 | | - <a href="https://wakatime.com/@codinghack0810"> |
134 | | - <img src="https://github-readme-activity-graph.vercel.app/graph?username=codinghack0810&theme=react-dark&hide_border=true&hide_title=false&area=true&custom_title=Total%20contribution%20graph%20in%20all%20repo" width="95%" alt="activity graph"> |
135 | | - </a> |
| 14 | + <img align="center" src="https://github-readme-stats-cg8z.vercel.app/api/wakatime?username=codinghack0810\&layout=compact&theme=radical" /> |
136 | 15 | </p> |
137 | | - |
138 | | -<div align='center' width='100%'> |
139 | | - <img width='50%' height="250px" src="https://github-readme-stats.vercel.app/api/top-langs/?username=codinghack0810&layout=compact&hide_border=true&title_color=00b3ff&text_color=00b4ff&bg_color=0d1117" /> |
140 | | - <a width='50%' href="https://github.com/codinghack0810?tab=achievements"> |
141 | | - <img src="https://github-profile-trophy.vercel.app/?username=codinghack0810&theme=darkhub&no-frame=true&column=3&row=2" height="250px" alt="@codinghack0810's trophy stats"/> |
| 16 | +<p align="center"> |
| 17 | + <a href="https://github.com/codinghack0810/github-readme-stats"> |
| 18 | + <img height=200 align="center" src="https://github-readme-streak-stats-ikff.vercel.app/?user=codinghack0810&theme=radical" /> |
142 | 19 | </a> |
143 | | -</div> |
144 | | -<br/> |
| 20 | +</p> |
0 commit comments