└── README.md


/README.md:
--------------------------------------------------------------------------------
  1 | <div align="center">
  2 |   
  3 |   <!-- Updated header color from purple to teal to match Pointer AI aesthetic -->
  4 |   ![Header](https://capsule-render.vercel.app/api?type=waving&color=14B8A6&height=190&section=header&text=ANIL%20SHEBIN&fontSize=70&animation=fadeIn&fontAlignY=38&desc=Full%20Stack%20Developer%20|%20UI/UX%20Designer&descAlignY=55&descAlign=50&fontColor=ffffff)
  5 | 
  6 | </div>
  7 | 
  8 | <p align="center">
  9 |   <a href="https://github.com/DenverCoder1/readme-typing-svg">
 10 |     <!-- Updated typing animation color to teal -->
 11 |     <img src="https://readme-typing-svg.herokuapp.com?font=Fira+Code&weight=600&size=24&duration=3000&pause=1000&color=14B8A6&center=true&vCenter=true&random=false&width=600&height=60&lines=React.js+Developer;Java+Spring+Boot+Engineer;UI/UX+Designer;Cloud+Solutions+Architect" />
 12 |   </a>
 13 | </p>
 14 | 
 15 | <div align="center">
 16 |   <p>
 17 |     <!-- Updated all badge colors to teal theme -->
 18 |     <a href="https://www.anilshebin.in">
 19 |       <img src="https://img.shields.io/badge/Website-14B8A6?style=for-the-badge&logo=About.me&logoColor=white" alt="Website"/>
 20 |     </a>
 21 |     <a href="https://linkedin.com/in/anilshebin">
 22 |       <img src="https://img.shields.io/badge/LinkedIn-0F766E?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn"/>
 23 |     </a>
 24 |     <a href="https://twitter.com/anilshebin">
 25 |       <img src="https://img.shields.io/badge/Twitter-0D9488?style=for-the-badge&logo=twitter&logoColor=white" alt="Twitter"/>
 26 |     </a>
 27 |     <a href="mailto:anilshebin@gmail.com">
 28 |       <img src="https://img.shields.io/badge/Gmail-0F766E?style=for-the-badge&logo=gmail&logoColor=white" alt="Gmail"/>
 29 |     </a>
 30 |   </p>
 31 |   
 32 |   <p>
 33 |     <!-- Updated profile stats colors to teal -->
 34 |     <img src="https://komarev.com/ghpvc/?username=anilshebin&style=for-the-badge&color=14B8A6" alt="Profile Views"/>
 35 |     <a href="https://github.com/anilshebin?tab=followers">
 36 |       <img src="https://img.shields.io/github/followers/anilshebin?style=for-the-badge&color=14B8A6&labelColor=0F172A" alt="Followers"/>
 37 |     </a>
 38 |     <a href="https://github.com/anilshebin?tab=stars">
 39 |       <img src="https://img.shields.io/github/stars/anilshebin?style=for-the-badge&color=14B8A6&labelColor=0F172A" alt="Stars"/>
 40 |     </a>
 41 |   </p>
 42 | </div>
 43 | 
 44 | <br>
 45 | 
 46 | <!-- Updated divider GIF to match modern aesthetic -->
 47 | <div align="center">
 48 |   <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="100%">
 49 | </div>
 50 | 
 51 | <br>
 52 | 
 53 | <!-- About Me Section -->
 54 | <table align="center">
 55 |   <tr>
 56 |     <td width="60%">
 57 |       <h2 align="center">
 58 |         <img src="https://media.giphy.com/media/WUlplcMpOCEmTGBtBW/giphy.gif" width="30">
 59 |         About Me
 60 |         <img src="https://media.giphy.com/media/WUlplcMpOCEmTGBtBW/giphy.gif" width="30">
 61 |       </h2>
 62 |       <ul>
 63 |         <li>🚀 Software Engineer at <b>Thay Technologies</b></li>
 64 |         <li>🌱 Specialized in <b>React.js, Java & Spring Boot</b></li>
 65 |         <li>💡 Passionate about creating <b>elegant UI/UX designs</b></li>
 66 |         <li>🔍 Exploring <b>Cloud-native architectures</b></li>
 67 |         <li>🌐 Visit my website: <a href="https://www.anilshebin.in"><b>www.anilshebin.in</b></a></li>
 68 |         <li>📫 Reach me: <b>anilshebin@gmail.com</b></li>
 69 |         <li>⚡ Fun fact: <b>I learned Git from custom ROMs before even writing my first API - true developer origins! 🔥🤖</b></li>
 70 |       </ul>
 71 |     </td>
 72 |     <td width="40%">
 73 |       <img src="https://user-images.githubusercontent.com/74038190/229223263-cf2e4b07-2615-4f87-9c38-e37600f8381a.gif" width="100%">
 74 |     </td>
 75 |   </tr>
 76 | </table>
 77 | 
 78 | <br>
 79 | 
 80 | <!-- GitHub Trophies -->
 81 | <div align="center">
 82 |   <h2>
 83 |     <img src="https://media.giphy.com/media/WUlplcMpOCEmTGBtBW/giphy.gif" width="35">
 84 |     GitHub Trophies
 85 |     <img src="https://media.giphy.com/media/WUlplcMpOCEmTGBtBW/giphy.gif" width="35">
 86 |   </h2>
 87 |   
 88 |   <p>
 89 |     <!-- Updated trophy theme to match teal color scheme -->
 90 |     <img src="https://github-profile-trophy.screw-hand.vercel.app/?username=anilshebin&theme=onestar&column=7&margin-w=15&margin-h=15&no-bg=true&no-frame=true" width="100%" alt="Trophy" />
 91 |   </p>
 92 | </div>
 93 | 
 94 | <br>
 95 | 
 96 | <!-- GitHub Stats -->
 97 | <div align="center">
 98 |   <h2>
 99 |     <img src="https://media.giphy.com/media/iY8CRBdQXODJSCERIr/giphy.gif" width="35">
100 |     GitHub Stats
101 |     <img src="https://media.giphy.com/media/iY8CRBdQXODJSCERIr/giphy.gif" width="35">
102 |   </h2>
103 | </div>
104 | 
105 | <p align="center">
106 |   <a href="https://github.com/anuraghazra/github-readme-stats">
107 |     <!-- Updated GitHub stats colors to teal theme -->
108 |     <img src="https://github-readme-stats.vercel.app/api?username=anilshebin&show_icons=true&rank_icon=github&border_radius=10&theme=dark&hide_border=true&bg_color=0F172A&title_color=14B8A6&text_color=F1F5F9&icon_color=14B8A6&ring_color=14B8A6" height="200" alt="Anil's GitHub stats" />
109 |   </a>
110 |   <a href="https://github.com/anuraghazra/github-readme-stats">
111 |     <!-- Updated top languages colors to match -->
112 |     <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=anilshebin&layout=compact&border_radius=10&theme=dark&hide_border=true&bg_color=0F172A&title_color=14B8A6&text_color=F1F5F9" height="200" alt="Top Languages" />
113 |   </a>
114 | </p>
115 | 
116 | <p align="center">
117 | <a href="https://git.io/streak-stats">
118 |   <img src="https://streak-stats.demolab.com?user=AnilShebin&theme=transparent&hide_border=true" alt="GitHub Streak" />
119 | </a>
120 | </p>
121 | 
122 | <p align="center">
123 |   <a href="https://github.com/ashutosh00710/github-readme-activity-graph">
124 |     <!-- Updated activity graph to match teal theme -->
125 |     <img src="https://github-readme-activity-graph.vercel.app/graph?username=anilshebin&theme=react-dark&hide_border=true&bg_color=0F172A&point=14B8A6&line=14B8A6&color=F1F5F9&area_color=14B8A6&area=true" width="100%" alt="Activity Graph" />
126 |   </a>
127 | </p>
128 | 
129 | <br>
130 | 
131 | <!-- Skills Section -->
132 | <div align="center">
133 |   <h2>
134 |     <img src="https://media2.giphy.com/media/QssGEmpkyEOhBCb7e1/giphy.gif?cid=ecf05e47a0n3gi1bfqntqmob8g9aid1oyj2wr3ds3mg700bl&rid=giphy.gif" width="35">
135 |     Skills & Technologies
136 |     <img src="https://media2.giphy.com/media/QssGEmpkyEOhBCb7e1/giphy.gif?cid=ecf05e47a0n3gi1bfqntqmob8g9aid1oyj2wr3ds3mg700bl&rid=giphy.gif" width="35">
137 |   </h2>
138 | </div>
139 | 
140 | <!-- Enhanced skills section with better organization and modern styling -->
141 | <div align="center">
142 |   <table>
143 |     <tr>
144 |       <td>
145 |         <h3 align="center">🎨 Frontend</h3>
146 |         <p align="center">
147 |           <img src="https://skillicons.dev/icons?i=react,js,ts,html,css,tailwind,nextjs,redux,figma&theme=dark" />
148 |         </p>
149 |       </td>
150 |     </tr>
151 |     <tr>
152 |       <td>
153 |         <h3 align="center">⚙️ Backend</h3>
154 |         <p align="center">
155 |           <img src="https://skillicons.dev/icons?i=java,spring,nodejs,express,mongodb,postgres,mysql&theme=dark" />
156 |         </p>
157 |       </td>
158 |     </tr>
159 |     <tr>
160 |       <td>
161 |         <h3 align="center">🚀 DevOps & Tools</h3>
162 |         <p align="center">
163 |           <img src="https://skillicons.dev/icons?i=gcp,docker,kubernetes,jenkins,git,github,vscode,postman&theme=dark" />
164 |         </p>
165 |       </td>
166 |     </tr>
167 |   </table>
168 | </div>
169 | 
170 | <br>
171 | 
172 | <!-- Words That Matter -->
173 | <div align="center">
174 |   <h2>
175 |     <img src="https://media.giphy.com/media/LnQjpWaON8nhr21vNW/giphy.gif" width="35">
176 |     Words That Matter
177 |     <img src="https://media.giphy.com/media/LnQjpWaON8nhr21vNW/giphy.gif" width="35">
178 |   </h2>
179 |   
180 |   <!-- Updated quote theme to match dark aesthetic -->
181 |   <img src="https://quotes-github-readme.vercel.app/api?type=horizontal&theme=dark" width="70%" alt="Quote" />
182 | </div>
183 | 
184 | <br>
185 | 
186 | <!-- Connect Section -->
187 | <div align="center">
188 |   <h2>
189 |     <img src="https://media.giphy.com/media/KcnlGHBpnKnjZIuCMv/giphy.gif" width="35">
190 |     Let's Connect
191 |     <img src="https://media.giphy.com/media/KcnlGHBpnKnjZIuCMv/giphy.gif" width="35">
192 |   </h2>
193 |   
194 |   <p>
195 |     <!-- Updated connect badges to teal theme -->
196 |     <a href="https://www.anilshebin.in">
197 |       <img src="https://img.shields.io/badge/Website-14B8A6?style=for-the-badge&logo=About.me&logoColor=white" alt="Website"/>
198 |     </a>
199 |     <a href="https://linkedin.com/in/anilshebin">
200 |       <img src="https://img.shields.io/badge/LinkedIn-0F766E?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn"/>
201 |     </a>
202 |     <a href="https://twitter.com/anilshebin">
203 |       <img src="https://img.shields.io/badge/Twitter-0D9488?style=for-the-badge&logo=twitter&logoColor=white" alt="Twitter"/>
204 |     </a>
205 |     <a href="mailto:anilshebin@gmail.com">
206 |       <img src="https://img.shields.io/badge/Gmail-0F766E?style=for-the-badge&logo=gmail&logoColor=white" alt="Gmail"/>
207 |     </a>
208 |   </p>
209 |   
210 |   <img src="https://media.giphy.com/media/LnQjpWaON8nhr21vNW/giphy.gif" width="60">
211 |   <p>
212 |     <b>I love connecting with different people</b> so if you want to say <b>hi, I'll be happy to meet you more!</b> 😊
213 |   </p>
214 | </div>
215 | 
216 | <br>
217 | 
218 | <!-- Snake Animation -->
219 | <div align="center">
220 |   <h2>
221 |     <img src="https://media.giphy.com/media/dxn6fRlTIShoeBr69N/giphy.gif" width="35">
222 |     Contribution Graph
223 |     <img src="https://media.giphy.com/media/dxn6fRlTIShoeBr69N/giphy.gif" width="35">
224 |   </h2>
225 | </div>
226 | 
227 | <div align="center">
228 |   <img height="180em" src="https://github.com/7oSkaaa/7oSkaaa/blob/output/github-contribution-grid-snake.svg?" alt="Snake Game"/>
229 | </div>
230 | 
231 | <br>
232 | 
233 | <!-- Support Section -->
234 | <div align="center">
235 |   <h2>
236 |     <img src="https://media.giphy.com/media/hVm2JYyoGy7MGqX3NI/giphy.gif" width="35">
237 |     Support
238 |     <img src="https://media.giphy.com/media/hVm2JYyoGy7MGqX3NI/giphy.gif" width="35">
239 |   </h2>
240 |   
241 |   <p style="display: flex; justify-content: center; gap: 10px;">
242 |     <!-- Updated support badges to match teal theme -->
243 |     <a href="https://www.buymeacoffee.com/anilshebinq">
244 |       <img src="https://img.shields.io/badge/Buy_Me_A_Coffee-14B8A6?style=for-the-badge&logo=buy-me-a-coffee&logoColor=white" alt="Buy Me A Coffee"/>
245 |     </a>
246 |     <a href="https://paypal.me/9487274659?country.x=IN&locale.x=en_GB">
247 |       <img src="https://img.shields.io/badge/PayPal-0F766E?style=for-the-badge&logo=paypal&logoColor=white" alt="PayPal"/>
248 |     </a>
249 |   </p>
250 | </div>
251 | 
252 | <br>
253 | 
254 | <!-- Footer -->
255 | <div align="center">
256 |   <!-- Updated footer color to match teal theme -->
257 |   <img src="https://capsule-render.vercel.app/api?type=waving&color=14B8A6&height=120&section=footer" width="100%">
258 | </div>
259 | 


--------------------------------------------------------------------------------