|
44 | 44 | <br> |
45 | 45 |
|
46 | 46 | <h3>Libraries & UI Libraries</h3> |
47 | | - <img src="https://skill-icons-snowy.vercel.app/api/icons?i=react,tailwind,redux&perline=15&t=dark" /> |
48 | | - <img src="./images/react-router-dom.png" width="" height='47'/> |
49 | | - <img src="https://skill-icons-snowy.vercel.app/api/icons?i=framermotion,passportjs,jwt,OAuth,soketio,threejs,materialUI,shadcn&perline=15&t=dark" /> |
50 | | - |
51 | | - |
| 47 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=react,tailwind,redux,reactrouter,framermotion,passportjs,jwt,OAuth,soketio,threejs,materialUI,shadcn&perline=15&t=dark" /> |
52 | 48 | <br> |
53 | 49 |
|
54 | | - |
55 | 50 | <h3>Dev Tools & Build Tools</h3> |
56 | 51 | <img src="https://skill-icons-snowy.vercel.app/api/icons?i=vite,npm,pnpm,docker,webpack,clerk&perline=15&t=dark" /> |
57 | 52 | <br> |
|
206 | 201 | Preferred UI styling |
207 | 202 | </td> |
208 | 203 | <td align="center"> |
209 | | - <img src="./images/react-router.1024x559.png" width="50" alt="React Router Icon" /><br/> |
| 204 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=reactrouter&perline=15&t=dark" /><br/> |
210 | 205 | <b>React Router DOM</b><br/> |
211 | 206 | Declarative routing for React apps – I use it to handle dynamic pages and navigation. |
212 | 207 | </td> |
|
221 | 216 | Promise-based HTTP client for the browser and Node.js |
222 | 217 | </td> |
223 | 218 | <td align="center"> |
224 | | - <img src="./images/framer-motion.svg" width="50" alt="Framer Motion Icon" /><br/> |
| 219 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=framermotion&perline=15&t=dark" /><br/> |
225 | 220 | <b>Framer Motion</b><br/> |
226 | 221 | I use Framer Motion daily for smooth, interactive animations in React. |
227 | 222 | </td> |
228 | 223 | </tr> |
229 | 224 |
|
230 | 225 | <tr> |
231 | 226 | <td align="center"> |
232 | | - <img src="./images/jwt.png" width="50" alt="JWT Logo" /><br/> |
| 227 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=jwt&perline=15&t=dark" /><br/> |
233 | 228 | <b>JWT</b><br/> |
234 | 229 | Secure token-based authentication for APIs |
235 | 230 | </td> |
236 | 231 | <td align="center"> |
237 | | - <img src="./images/passport-logo.png" width="50" alt="Passport.js Logo" /><br/> |
| 232 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=passportjs&perline=15&t=dark" /><br/> |
238 | 233 | <b>Passport.js</b><br/> |
239 | 234 | Simple, modular authentication middleware for Node.js |
240 | 235 | </td> |
241 | 236 | <td align="center"> |
242 | | - <img src="./images/oauth.png" width="50" alt="OAuth Logo" /><br/> |
| 237 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=OAuth&perline=15&t=dark" /><br/> |
243 | 238 | <b>OAuth</b><br/> |
244 | 239 | Authorization protocol for secure third-party access |
245 | 240 | </td> |
|
257 | 252 |
|
258 | 253 | <tr> |
259 | 254 | <td align="center"> |
260 | | - <img src="./images/shadcn-ui.png" height="50" alt="shadcn UI Logo" /><br/> |
| 255 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=shadcn&perline=15&t=dark" /><br/> |
261 | 256 | <b>shadcn UI</b><br/> |
262 | 257 | Component library built on top of Radix UI & Tailwind CSS |
263 | 258 | </td> |
|
308 | 303 | AI-based code editor |
309 | 304 | </td> |
310 | 305 | <td align="center"> |
311 | | - <img src="./images/pieces.png" height="50" alt="Pieces Logo" /><br/> |
| 306 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=pieces&perline=15&t=dark" /><br/> |
312 | 307 | <b>Pieces</b><br/> |
313 | 308 | AI-powered dev assistant & workflow |
314 | 309 | </td> |
|
346 | 341 | Module bundler & build tool |
347 | 342 | </td> |
348 | 343 | <td align="center"> |
349 | | - <img src="./images/clerk.png" width="50" alt="Clerk" /><br/> |
| 344 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=clerk&perline=15&t=dark" /><br/> |
350 | 345 | <b>Clerk</b><br/> |
351 | 346 | Authentication & user management |
352 | 347 | </td> |
|
359 | 354 | </tr> |
360 | 355 | <tr> |
361 | 356 | <td align="center"> |
362 | | - <img src="./images/Cloudinary.png" width="55" /><br/> |
| 357 | + <img src="https://skill-icons-snowy.vercel.app/api/icons?i=cloudinary&perline=15&t=dark" /><br/> |
363 | 358 | <b>Cloudinary</b><br/> |
364 | 359 | Media management & image hosting |
365 | 360 | </td> |
|
0 commit comments