https://github.com/mrluisfer/mrluisfer

Dynamic Profile with github statistics, coding info (time and languages) with WakaTime and music status with the spotify API
https://github.com/mrluisfer/mrluisfer

babel css3 facebook figma github gmail html html-css-javascript html5 jest linkedin nodejs portfolio python react readme readme-md twitter typescript

Last synced: 3 months ago
JSON representation

Dynamic Profile with github statistics, coding info (time and languages) with WakaTime and music status with the spotify API

• Host: GitHub
• URL: https://github.com/mrluisfer/mrluisfer
• Owner: mrluisfer
• License: mit
• Created: 2020-08-14T22:24:49.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2025-06-02T06:26:09.000Z (5 months ago)
• Last Synced: 2025-06-02T17:17:06.912Z (4 months ago)
• Topics: babel, css3, facebook, figma, github, gmail, html, html-css-javascript, html5, jest, linkedin, nodejs, portfolio, python, react, readme, readme-md, twitter, typescript
• Homepage: https://mrluisfer.vercel.app/
• Size: 284 KB
• Stars: 6
• Watchers: 1
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


Hello World!


  

### 💫 About Me:

👨‍💻 I'm a passionate Frontend Developer.


🌱 Always learning and exploring new technologies.


💙 I love building and experimenting with both Frontend & Backend tools.


🌟 Check out my projects here on GitHub.


📝 Feel free to reach out if you want to talk about Web technologies or anything tech!


📫 Contact me via [LinkedIn](https://www.linkedin.com/in/tu-linkedin) or by email: mrluisfeer@gmail.com.


☁️ I also enjoy sharing articles and insights on [Dev.to](https://dev.to/tuusuario).

### 🌐 Socials:

[![Behance](https://img.shields.io/badge/Behance-1769ff?logo=behance&logoColor=white)](https://behance.net/mrluisfeer) [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://linkedin.com/in/mrluisfer) [![Stack Overflow](https://img.shields.io/badge/-Stackoverflow-FE7A16?logo=stack-overflow&logoColor=white)](https://stackoverflow.com/users/mrluisfer) [![X](https://img.shields.io/badge/X-black.svg?logo=X&logoColor=white)](https://x.com/_mrluisfer)  [![Gmail](https://img.shields.io/badge/Gmail-D14836?logo=gmail&logoColor=white)](mailto:mrluisfeer@gmail.com)

### 💻 Tech Stack:

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=flat&logo=css3&logoColor=white)

![Go](https://img.shields.io/badge/go-%2300ADD8.svg?style=flat&logo=go&logoColor=white)

![GraphQL](https://img.shields.io/badge/-GraphQL-E10098?style=flat&logo=graphql&logoColor=white)

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=flat&logo=html5&logoColor=white)

![Java](https://img.shields.io/badge/java-%23ED8B00.svg?style=flat&logo=openjdk&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=flat&logo=javascript&logoColor=%23F7DF1E)

![Lua](https://img.shields.io/badge/lua-%232C2D72.svg?style=flat&logo=lua&logoColor=white)

![Markdown](https://img.shields.io/badge/markdown-%23000000.svg?style=flat&logo=markdown&logoColor=white)

![Python](https://img.shields.io/badge/python-3670A0?style=flat&logo=python&logoColor=ffdd54)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=flat&logo=typescript&logoColor=white)

![Windows Terminal](https://img.shields.io/badge/Windows%20Terminal-%234D4D4D.svg?style=flat&logo=windows-terminal&logoColor=white)

![AWS](https://img.shields.io/badge/AWS-%23FF9900.svg?style=flat&logo=amazon-aws&logoColor=white)

![Heroku](https://img.shields.io/badge/heroku-%23430098.svg?style=flat&logo=heroku&logoColor=white)

![Firebase](https://img.shields.io/badge/firebase-%23039BE5.svg?style=flat&logo=firebase)

![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=flat&logo=netlify&logoColor=#00C7B7)

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=flat&logo=vercel&logoColor=white)

![Bun](https://img.shields.io/badge/Bun-%23000000.svg?style=flat&logo=bun&logoColor=white)

![Chakra](https://img.shields.io/badge/chakra-%234ED1C5.svg?style=flat&logo=chakraui&logoColor=white)

![Chart.js](https://img.shields.io/badge/chart.js-F5788D.svg?style=flat&logo=chart.js&logoColor=white)

![Deno JS](https://img.shields.io/badge/deno%20js-000000?style=flat&logo=deno&logoColor=white)

![Context-API](https://img.shields.io/badge/Context--Api-000000?style=flat&logo=react)

![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=flat&logo=bootstrap&logoColor=white)

![MUI](https://img.shields.io/badge/MUI-%230081CB.svg?style=flat&logo=mui&logoColor=white)

![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=flat&logo=express&logoColor=%2361DAFB)

![Expo](https://img.shields.io/badge/expo-1C1E24?style=flat&logo=expo&logoColor=#D04A37)

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=flat&logo=node.js&logoColor=white)

![Next JS](https://img.shields.io/badge/Next-black?style=flat&logo=next.js&logoColor=white)

![Insomnia](https://img.shields.io/badge/Insomnia-black?style=flat&logo=insomnia&logoColor=5849BE)

![Flask](https://img.shields.io/badge/flask-%23000.svg?style=flat&logo=flask&logoColor=white)

![NestJS](https://img.shields.io/badge/nestjs-%23E0234E.svg?style=flat&logo=nestjs&logoColor=white)

![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=flat&logo=npm&logoColor=white)

![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=flat&logo=jquery&logoColor=white)

![PNPM](https://img.shields.io/badge/pnpm-%234a4a4a.svg?style=flat&logo=pnpm&logoColor=f69220)

![Radix UI](https://img.shields.io/badge/radix%20ui-161618.svg?style=flat&logo=radix-ui&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=flat&logo=react&logoColor=%2361DAFB)

![React Native](https://img.shields.io/badge/react_native-%2320232a.svg?style=flat&logo=react&logoColor=%2361DAFB)

![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=flat&logo=react%20query&logoColor=white)

![React Router](https://img.shields.io/badge/React_Router-CA4245?style=flat&logo=react-router&logoColor=white)

![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=flat&logo=reacthookform&logoColor=white)

![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=flat&logo=redux&logoColor=white)

![Remix](https://img.shields.io/badge/remix-%23000.svg?style=flat&logo=remix&logoColor=white)

![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=flat&logo=SASS&logoColor=white)

![Socket.io](https://img.shields.io/badge/Socket.io-black?style=flat&logo=socket.io&badgeColor=010101)

![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=flat&logo=styled-components&logoColor=white)

![Svelte](https://img.shields.io/badge/svelte-%23f1413d.svg?style=flat&logo=svelte&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=flat&logo=tailwind-css&logoColor=white)

![Three js](https://img.shields.io/badge/threejs-black?style=flat&logo=three.js&logoColor=white)

![Vue.js](https://img.shields.io/badge/vue.js-%2335495e.svg?style=flat&logo=vuedotjs&logoColor=%234FC08D)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=flat&logo=vite&logoColor=white)

![Yarn](https://img.shields.io/badge/yarn-%232C8EBB.svg?style=flat&logo=yarn&logoColor=white)

![MySQL](https://img.shields.io/badge/mysql-4479A1.svg?style=flat&logo=mysql&logoColor=white)

![Prisma](https://img.shields.io/badge/Prisma-3982CE?style=flat&logo=Prisma&logoColor=white)

![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=flat&logo=supabase&logoColor=white)

![Firebase](https://img.shields.io/badge/firebase-a08021?style=flat&logo=firebase&logoColor=ffcd34)

![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=flat&logo=mongodb&logoColor=white)

![Postgres](https://img.shields.io/badge/postgres-%23316192.svg?style=flat&logo=postgresql&logoColor=white)

![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=flat&logo=figma&logoColor=white)

![Dribbble](https://img.shields.io/badge/Dribbble-EA4C89?style=flat&logo=dribbble&logoColor=white)

![Git](https://img.shields.io/badge/git-%23F05033.svg?style=flat&logo=git&logoColor=white)

![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=flat&logo=github&logoColor=white)

![GitLab](https://img.shields.io/badge/gitlab-%23181717.svg?style=flat&logo=gitlab&logoColor=white)

![TanStack Query](https://img.shields.io/badge/TanStack%20Query-FF4154?style=flat&logo=react-query&logoColor=white)

![TanStack Router](https://img.shields.io/badge/TanStack%20Router-303030?style=flat&logo=react-router&logoColor=white)

![Jest](https://img.shields.io/badge/jest-%23C21325.svg?style=flat&logo=jest&logoColor=white)

![Vitest](https://img.shields.io/badge/vitest-6E9F18?style=flat&logo=vitest&logoColor=white)

![Cypress](https://img.shields.io/badge/cypress-17202C?style=flat&logo=cypress&logoColor=white)

![Playwright](https://img.shields.io/badge/playwright-45ba6a?style=flat&logo=playwright&logoColor=white)

![Storybook](https://img.shields.io/badge/storybook-FF4785?style=flat&logo=storybook&logoColor=white)

![Turborepo](https://img.shields.io/badge/Turborepo-262626.svg?style=flat&logo=turborepo&logoColor=white)

![Astro](https://img.shields.io/badge/Astro-0C1222?style=flat&logo=astro&logoColor=white)

![Qwik](https://img.shields.io/badge/Qwik-292929?style=flat&logo=qwik&logoColor=79C8FF)

![SWC](https://img.shields.io/badge/SWC-262626?style=flat&logo=swc&logoColor=F7DF1E)

![Zod](https://img.shields.io/badge/Zod-3a3a3a?style=flat&logo=zod&logoColor=white)

![tRPC](https://img.shields.io/badge/tRPC-2596be?style=flat&logo=trpc&logoColor=white)

![Docker](https://img.shields.io/badge/Docker-2496ED?style=flat&logo=docker&logoColor=white)

![Github Actions](https://img.shields.io/badge/GitHub_Actions-2088FF?style=flat&logo=github-actions&logoColor=white)

![ESLint](https://img.shields.io/badge/eslint-4B32C3?style=flat&logo=eslint&logoColor=white)

![Prettier](https://img.shields.io/badge/prettier-ff69b4?style=flat&logo=prettier&logoColor=white)

![SonarQube](https://img.shields.io/badge/SonarQube-4E9BCD?style=flat&logo=sonarqube&logoColor=white)

![PNPM](https://img.shields.io/badge/pnpm-%234a4a4a.svg?style=flat&logo=pnpm&logoColor=f69220)

![Playwright](https://img.shields.io/badge/playwright-45ba6a?style=flat&logo=playwright&logoColor=white)

![Testing Library](https://img.shields.io/badge/testing--library-E33332?style=flat&logo=testing-library&logoColor=white)

![Cypress](https://img.shields.io/badge/cypress-17202C?style=flat&logo=cypress&logoColor=white)

![React Testing Library](https://img.shields.io/badge/React%20Testing%20Library-E33332?style=flat&logo=testing-library&logoColor=white)

![MSW](https://img.shields.io/badge/MSW-FF6A33?style=flat&logo=msw&logoColor=white)

![LangChain](https://img.shields.io/badge/LangChain-ffc107?style=flat&logo=openai&logoColor=black)

![Ollama](https://img.shields.io/badge/Ollama-111111?style=flat&logo=openai&logoColor=white)

![OpenAI](https://img.shields.io/badge/OpenAI-412991?style=flat&logo=openai&logoColor=white)

![Vercel AI SDK](https://img.shields.io/badge/Vercel%20AI%20SDK-000000?style=flat&logo=vercel&logoColor=white)

![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=flat&logo=supabase&logoColor=white)

![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=flat&logo=redux&logoColor=white)

![Zustand](https://img.shields.io/badge/Zustand-000000?style=flat&logo=Zustand&logoColor=white)

![Jotai](https://img.shields.io/badge/jotai-1A1A1A?style=flat&logo=jotai&logoColor=white)

![Recoil](https://img.shields.io/badge/recoil-3578E5?style=flat&logo=recoil&logoColor=white)

![MobX](https://img.shields.io/badge/mobx-FF9955?style=flat&logo=mobx&logoColor=white)

![Socket.io](https://img.shields.io/badge/Socket.io-black?style=flat&logo=socket.io&badgeColor=010101)

![Pusher](https://img.shields.io/badge/Pusher-221F3B?style=flat&logo=pusher&logoColor=white)

![Google Analytics](https://img.shields.io/badge/Google%20Analytics-E37400?style=flat&logo=google-analytics&logoColor=white)

![Sentry](https://img.shields.io/badge/Sentry-362D59?style=flat&logo=sentry&logoColor=white)

![Cypress](https://img.shields.io/badge/cypress-17202C?style=flat&logo=cypress&logoColor=white)

![Postgres](https://img.shields.io/badge/postgres-%23316192.svg?style=flat&logo=postgresql&logoColor=white)

![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=flat&logo=mongodb&logoColor=white)

### 📊 GitHub Stats:

![](https://github-readme-stats.vercel.app/api?username=mrLuisFer&theme=transparent&hide_border=false&include_all_commits=true&count_private=true)


![](https://github-readme-streak-stats.herokuapp.com/?user=mrLuisFer&theme=transparent&hide_border=false)


![](https://github-readme-stats.vercel.app/api/top-langs/?username=mrLuisFer&theme=transparent&hide_border=false&include_all_commits=true&count_private=true&layout=compact)

### 🏆 GitHub Trophies

![](https://github-profile-trophy.vercel.app/?username=mrLuisFer&theme=darkhub&no-frame=false&no-bg=false&margin-w=4)

[![](https://visitcount.itsvg.in/api?id=mrLuisFer&icon=0&color=0)](https://visitcount.itsvg.in)

![Cat on line](./assets/cat-on-line.svg)