Portfolio - Copy this React, Tailwind Component to your project

Construye un developer portfolio moderno con animaciones usando motion y que tenga selector de theme (ligth / dark). Para ello te voy a proporcionar mi informacion como resume o cv y mi perfil de github: CV: # Jhonatan Llerena **Full Stack Developer | React & Next.js Specialist** 📧 [jonlle19@gmail.com](mailto:jonlle19@gmail.com) | 📞 [+57 314 612 4693](https://api.whatsapp.com/send?phone=573146124693) 🔗 [LinkedIn](https://linkedin.com/in/jhonatan llerena) | [GitHub](https://github.com/Jonlle) 📍 Barranquilla, Colombia **Full Stack Developer** with over 5 years of experience designing scalable and high performance web applications using **React** and **Next.js**. Specializing in optimizing user experience, implementing secure RESTful APIs, and developing innovative technological solutions that drive the success of development teams. ## Professional Experience ### Senior Web Developer **NovoPayment** _September 2018 May 2024 | Caracas, Venezuela (Hybrid)_ **Modernized technology stacks** by migrating from PHP/CodeIgniter to **React**, **Next.js**, and **TypeScript**, achieving a **20% improvement** in application performance and enhanced scalability. Developed secure enterprise solutions with **RESTful APIs** and **JWT/JWE authentication**, ensuring comprehensive **data protection** and compliance with **industry standards**. Created a critical **CPO transfer module**, driving a **30% increase in transactions** and a **35% improvement in user satisfaction** through intuitive **user experience**. Optimized application architecture using **Redux** and **Context API**, streamlining **frontend backend integration** and reducing **system complexity**. **Led technical team transformation**, mentoring 4 developers in **TypeScript** adoption, reducing **production errors** by **45%** and improving **code maintainability**. Boosted **team productivity** by **25%** through **Agile/Scrum methodologies**, achieving a **95% on time delivery rate** using **Jira** and **GitHub**. Implemented a **testing strategy**, achieving **85% test coverage** using **Jest** and **React Testing Library**, ensuring **reliability** and reducing **production bugs**. Enhanced global **user experience** by integrating **internationalization** with **i18next**, enabling seamless support for both **English** and **Spanish** users. Managed a seamless transition to remote work, maintaining **100% team productivity** and **collaboration** during organizational changes. ## Technical Skills **Frontend:** React.js, Next.js, TypeScript, JavaScript (ES6+), HTML5, CSS3, Tailwind CSS, Redux, Jest **Backend:** Node.js, Express.js, REST APIs **Databases:** MySQL, MongoDB **Tools & Project Management:** Git, GitHub, Jira, Agile, Scrum, Slack ## Education ### Bachelor of Science in Computer Science **Universidad Central de Venezuela** _2012 – 2019_ ## Professional Development **Next.js: The React Framework for Production** (Udemy) **SOLID Principles and Clean Code** (Udemy) **Design Patterns in JavaScript and TypeScript** (Udemy) ## Languages **English**: Intermediate **Spanish**: Native GitHub Profile: # <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width=25> Hi, I'm Jhonatan Llerena <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width=25> ### Frontend Developer | Full Stack Developer ## 🚀 About Me With over 5 years of experience building scalable and high performance web applications. I specialize in **React** and **Next.js**, with expertise in modern development practices and a passion for creating exceptional user experiences through optimized solutions. ## 🤝 Open to Work <div align="center"> <img src="https://img.shields.io/badge/🔍_Status Actively_Seeking_Opportunities brightgreen?style=for the badge" alt="Status" /> </div> ### 💼 Available for: **Full time positions** (Priority) Part time opportunities Freelance projects ### 📍 Work Preferences: **Remote:** Open to worldwide opportunities **On site:** Available in Barranquilla, Colombia **Time zone:** GMT 5 (Colombia) Let's connect and discuss how I can contribute to your team! [](https://www.linkedin.com/in/jhonatan llerena) [](mailto:jonlle19@gmail.com) ## 🛠️ Technical Skills | **Frontend** | **Backend & Databases** | **Tools & Project Management** | | | | | | [](https://reactjs.org/) [](https://nextjs.org/) [](https://www.typescriptlang.org/) [](https://developer.mozilla.org/en US/docs/Web/JavaScript) [](https://redux.js.org/) [](https://tailwindcss.com/) [](https://developer.mozilla.org/en US/docs/Web/HTML) [](https://developer.mozilla.org/en US/docs/Web/CSS) [](https://jestjs.io/) | [](https://nodejs.org/) [](https://expressjs.com/) [](https://www.mysql.com/) [](https://www.mongodb.com/) [](https://www.postman.com/) | [](https://git scm.com/) [](https://github.com/) [](https://www.atlassian.com/software/jira) [](https://slack.com/) [](https://www.atlassian.com/agile/scrum) [](https://agilemanifesto.org/) | ## 🚀 Featured Projects Showcasing some of my best work in web development: ### 📝 Task Management System | **Overview** | **Preview** | | | | | A comprehensive web application for efficient task management with role based access control. Built with modern technologies and best practices for scalability and performance. <br>**Key Features:** <br>&nbsp; 👥 Role based access (Admin/Regular users) <br>&nbsp; 📋 Task creation, assignment, and tracking <br>&nbsp; 🔍 Advanced filtering and sorting <br>&nbsp; 📅 Due date and priority management <br>&nbsp; 🌗 Light/Dark theme support <br>&nbsp; 🔒 Secure authentication system <br><br>**Tech Stack:**     <br><br> [](https://tms tool.vercel.app) [](https://github.com/Jonlle/task management system) | <img src="https://github.com/Jonlle/task management system/blob/main/screenshots/dashboard.jpeg" width="600" alt="Task Management System Preview" /> | ### 🗺️ Google Maps Measurement Tool | **Overview** | **Preview** | | | | | A professional tool for measuring distances and areas on Google Maps with high precision and user friendly interface. <br>**Key Features:** <br>&nbsp; 📏 Precise distance and area measurements <br>&nbsp; 🎨 Customizable markers and shapes <br>&nbsp; 📱 Responsive design <br>&nbsp; 🚀 Optimized performance <br><br>**Tech Stack:**      <br><br> [](https://measuremap.vercel.app/) [](https://github.com/Jonlle/google maps measure tools) | <img src="https://github.com/Jonlle/google maps measure tools/blob/main/screenshots/radius_measurement.png" width="400" alt="Google Maps Tool Preview" /> | ### ⚡ Pokémon Favorites App | **Overview** | **Preview** | | | | | A modern web application showcasing Next.js best practices through a Pokémon collection interface. <br>**Key Features:** <br>&nbsp; ⚡ Server side rendering (SSR) for optimal performance <br>&nbsp; 🔍 SEO friendly implementation <br>&nbsp; 💾 Local storage for favorites management <br>&nbsp; 📱 Responsive and modern UI design <br><br>**Tech Stack:**     <br><br> [](https://next pokemon static.vercel.app) [](https://github.com/Jonlle/next pokemon static) | <img src="https://github.com/Jonlle/next pokemon static/blob/main/screenshots/pokemon_details.png" width="400" alt="Pokemon App Preview" /> | ### [View More Projects](https://github.com/Jonlle?tab=repositories) → Explore additional projects on my GitHub profile. <details> <summary><h2>📊 GitHub Analytics</h2></summary> | **📈 Language Distribution** | **🏆 GitHub Achievements** | | | | |  |  | | **💻 Activity Overview** | **🔥 Contribution Streak** | | | | |  |  | </details> ## 📄 Learn More For a comprehensive overview of my **professional journey**, including detailed experience, education, and courses: [](https://www.linkedin.com/in/jhonatan llerena) [](https://drive.google.com/file/d/1Ri6UNAUZD9Z lbOzYGUrsBXS3eSOgvkb/view) ## 👋 Let's Connect! Thank you for visiting my profile! I'm always excited to collaborate on innovative projects and create impactful solutions. Let's build something amazing together! 🚀