Some time ago, I left an unfinished Connect Wallet component designed to enhance the wallet connection experience in products like Polkadex Orderbook and PolkaPool. I’ve decided to complete it, and it’s now available as open source for anyone to use! What Was the Problem? The original component faced challenges when integrating with larger components, leading to overlapping issues and a less fluid user experience. Additionally, its structure was more complex than necessary. https://lnkd.in/d8Xr5GP4 My Solution Approach ?? Smoother Transitions: I added animations for seamless interactions between components without overlap. ?? I hope you find it useful and that it adds value to other projects! ?? Live Preview:? https://lnkd.in/g6AWiueh ?? Github:? https://lnkd.in/g5Pf83bM #nextJS #reactJS #shadcnUI #frontendDevelopment #web3
Rodolfo Ferreira的动态
最相关的动态
-
Frontend Developer || NEXT.JS || REACT.JS || TAILWIND CSS || JAVASCRIPT || TYPESCRIPT || BOOTSTRAP || SANITY
?? ?????????????????????? ???? 9 Project Tip Calculator ? I'm excited to share my latest project built with Next.js – a dynamic and user-friendly Tip Calculator app given by Sir Asharib Ali. #30daysof30projects ?? Built with Next.js, TypeScript, and Tailwind CSS, this app lets you easily set and control your logic buildings. I added myself new UI improvements, conditionally rendered buttons and an hour-setting feature for more precise interface. This app was a great opportunity to dive deeper into Next.js, explore dynamic UI interactions, and fine-tune my React skills. ?? Governor Sindh Initiative for GenAI, Web3, and Metaverse I want to thank my mentors and teachers, Zia Khan, Ameen Alam, @Hamza Syed, Asharib Ali, @Muhammad Bilal #Nextjs #RandomPasswordgenerator #WebDeveloper #GIAIC #FrontendDevelopment #LearningToCode #9thProject
-
Frontend Developer || NEXT.JS || REACT.JS || TAILWIND CSS || JAVASCRIPT || TYPESCRIPT || BOOTSTRAP || SANITY
?? ?????????????????????? ???? 7 Project Random Joke Generator ? I'm excited to share my latest project built with Next.js – a dynamic and user-friendly Random Joke Generator app given by Sir Asharib Ali. #30daysof30projects ?? Built with Next.js, TypeScript, and Tailwind CSS, this app lets you easily set and control your logic buildings. I added myself new UI improvements, conditionally rendered buttons and an hour-setting feature for more precise interface. This app was a great opportunity to dive deeper into Next.js, explore dynamic UI interactions, and fine-tune my React skills. ?? Governor Sindh Initiative for GenAI, Web3, and Metaverse I want to thank my mentors and teachers, Zia Khan, Ameen Alam, @Hamza Syed, Asharib Ali, @Muhammad Bilal #Nextjs #RandomJoke #WebDeveloper #GIAIC #FrontendDevelopment #LearningToCode #ThirdProject
-
Frontend Web Developer || Next || React || Tailwind || Python || Student Leader @ GIAIC || Agentic AI
Class 14 Assignment: Fetching Data from API: 1. Fetching user data from the Placeholder API and displaying it in a card format. 2. Dynamic rendering of each user using Next.js dynamic routes (App Router). 3. Applying Tailwind CSS for simple and responsive styling. Vercel : https://lnkd.in/d3yT9Wvh Sun 2-5 Sir Ali Jawwad, Sir Naeem H.. Daniyal Nagori Ameen Alam Asharib Ali Governor Sindh Initiative for GenAI, Web3, and Metaverse ?? #WebDevelopment #NextJS #DynamicRendering #APIs #TailwindCSS #FrontendDevelopment #React #LearningInPublic
-
Frontend Developer | React, Angular, JavaScript, TypeScript | Ex-eGain, Ex-Persistent Systems | Immediate Joiner | Open to Work
???? ???????? ?????????? ?????? ?????????????? ????????????????? Give it a performance boost with these simple optimization techniques! In my latest blog post, I break down code splitting, lazy loading, memoization, and other tricks to make your React apps blazing fast. ? Check it out and level up your React development skills! https://lnkd.in/dsB_AE4P #reactjs #performanceoptimization #webdev #frontenddev #javascript
-
Frontend Developer || NEXT.JS || REACT.JS || TAILWIND CSS || JAVASCRIPT || TYPESCRIPT || BOOTSTRAP || SANITY
?? ?????????????????????? ???? 16 Project Movie Search App ? I'm excited to share my latest project built with Next.js – a dynamic and user-friendly Movie Search App given by Sir Asharib Ali. #30daysof30projects ?? Built with Next.js, TypeScript, and Tailwind CSS, this app lets you easily set and control your logic buildings. I added myself new UI improvements, conditionally rendered buttons and an hour-setting feature for more precise interface This app was a great opportunity to dive deeper into Next.js, explore dynamic UI interactions, and fine-tune my React skills. ?? Governor Sindh Initiative for GenAI, Web3, and Metaverse I want to thank my mentors and teachers, Zia Khan, Ameen Alam,Daniyal Nagori, @ Hamza Syed, Asharib Ali, @Muhammad Bilal Hitesh Choudhary,APNA COLLEGE SIGMA,JavaScript Mastery, #Nextjs #MovieSearchApp #WebDeveloper #GIAIC #FrontendDevelopment #16thProject
-
Frontend Developer || NEXT.JS || REACT.JS || TAILWIND CSS || JAVASCRIPT || TYPESCRIPT || BOOTSTRAP || SANITY
?? ?????????????????????? ???? 12 Project Unit Convertor ? I'm excited to share my latest project built with Next.js – a dynamic and user-friendly Unit Convertor app given by Sir Asharib Ali. #30daysof30projects ?? Built with Next.js, TypeScript, and Tailwind CSS, this app lets you easily set and control your logic buildings. I added myself new UI improvements, conditionally rendered buttons and an hour-setting feature for more precise interface This app was a great opportunity to dive deeper into Next.js, explore dynamic UI interactions, and fine-tune my React skills. ?? Governor Sindh Initiative for GenAI, Web3, and Metaverse I want to thank my mentors and teachers, gitHub:123Mismail/30daysChallange (github.com) verceldep:Create Next App (https://lnkd.in/gr4vy-rz) Zia Khan, Ameen Alam, @ Hamza Syed, Asharib Ali, @Muhammad Bilal Hitesh Choudhary #Nextjs #RandomJoke #WebDeveloper #GIAIC #FrontendDevelopment #LearningToCode #12thProect
-
On-site Student | Governor's Initiative for Agentic AI, Web 3.0 & Metaverse | Building with Next.js & Python | Passionate About AI & Future Tech
????????????????? ?? ?????????? ?? (???????? ?? ???? ??) ?? ?? ?????????????? ????????????-???????? ?????????????????? (??????) In this final part, we explore ?????????????? ??????, where the server builds the ?????????on each request. Unlike static rendering, where everything is pre-built, dynamic SSR adapts to changes in data, allowing for real-time content delivery! ? This method ensures that your ?????? ???? ???????? ?????? ????????????????????, even when handling dynamic, ever-changing data. I could have easily covered this in one post, but I chose to break it down into ?? ???????????to explain each concept in detail and added visuals to make it more engaging and easier to understand! ?????????? ?????? ?????? ???????????????I’ve put together to break it all down! ?? #NextJS #SSR #DynamicRendering #ServerSideRendering #FrontendDevelopment #RealTimeContent #WebDevelopment #LearnToCode #TechJourney
-
Frontend Developer || NEXT.JS || REACT.JS || TAILWIND CSS || JAVASCRIPT || TYPESCRIPT || BOOTSTRAP || SANITY
?? ?????????????????????? ???? 17 Project Meme Generator App ? I'm excited to share my latest project built with Next.js – a dynamic and user-friendly Meme Generator App given by Sir Asharib Ali. #30daysof30projects ?? Built with Next.js, TypeScript, and Tailwind CSS, this app lets you easily set and control your logic buildings. I added myself new UI improvements, conditionally rendered buttons and an hour-setting feature for more precise interface This app was a great opportunity to dive deeper into Next.js, explore dynamic UI interactions, and fine-tune my React skills. ?? Governor Sindh Initiative for GenAI, Web3, and Metaverse I want to thank my mentors and teachers, Zia Khan, Ameen Alam,Daniyal Nagori, @ Hamza Syed,Asharib Ali, @Muhammad Bilal Hitesh Choudhary,APNA COLLEGE SIGMA,JavaScript Mastery, #Nextjs #MemeGeneratorApp #WebDeveloper #GIAIC #FrontendDevelopment #17thProject github:https://lnkd.in/gByKSYtm Vercel:
-
?? Project Update ?? Excited to share my latest project—a Currency Converter App built with React! ???? ?? Integrated a custom-made hook for seamless API handling ?? Connected with a currency API for real-time exchange rates ?? Designed with an intuitive UI for a smooth user experience Building this app has deepened my skills in React and enhanced my understanding of efficient API integration. Looking forward to more projects that bridge tech with usability! #React #JavaScript #CurrencyConverter #APIDevelopment #WebDevelopment #Frontend #CodingProjects #OpenToOpportunit
-
Frontend Developer || NEXT.JS || REACT.JS || TAILWIND CSS || JAVASCRIPT || TYPESCRIPT || BOOTSTRAP || SANITY
?? ?????????????????????? ???? 10 Project Random Password Generator ? I'm excited to share my latest project built with Next.js – a dynamic and user-friendly Random Password Generator app given by Sir Asharib Ali. #30daysof30projects ?? Built with Next.js, TypeScript, and Tailwind CSS, this app lets you easily set and control your logic buildings. I added myself new UI improvements, conditionally rendered buttons and an hour-setting feature for more precise interface This app was a great opportunity to dive deeper into Next.js, explore dynamic UI interactions, and fine-tune my React skills. ?? Governor Sindh Initiative for GenAI, Web3, and Metaverse I want to thank my mentors and teachers, Zia Khan, Ameen Alam, @ Hamza Syed, Asharib Ali, @Muhammad Bilal Hitesh Choudhary #Nextjs #RandomJoke #WebDeveloper #GIAIC #FrontendDevelopment #LearningToCode #ThirdProject
