The latest articles on DEV Community by Anwer Solangi (@anwersolangi). https://dev.to/anwersolangi https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F346355%2F6e88aee1-a371-4c20-a556-af2ae7f44654.jpeg https://dev.to/anwersolangi en Anwer Solangi Sun, 17 Nov 2024 21:12:50 +0000 https://dev.to/anwersolangi/how-i-built-my-developer-portfolio-1m11 https://dev.to/anwersolangi/how-i-built-my-developer-portfolio-1m11 <p>As a React Native and iOS developer, I wanted a portfolio that truly represents my work in mobile development. Instead of using templates, I decided to build something from scratch that would showcase my apps effectively.</p> <h2> The Build </h2> <p>I built this portfolio using Next.js and TailwindCSS, focusing on creating a smooth, app-like experience. The design prioritizes mobile-first approach. I added subtle animations and transitions to make the interface feel alive – elements in the background, animated text, and interactive cards that display my work.</p> <h2> Features </h2> <p>For the app showcase section, I created interactive cards displaying app icons, descriptions, and direct links to the App Store and Google Play Store. The design is clean and focused, making it easy for visitors to find and download my apps.</p> <h2> Challenges </h2> <p>The main challenge was balancing smooth animations with fast loading times, and ensuring the site looks great on all devices. Through careful optimization and responsive design, I managed to create a portfolio that's both visually appealing and performant.</p> <h2> Looking Forward </h2> <p>While I'm happy with the current version, I plan to add more features like dark mode and interactive app previews in the future. For now, it serves its purpose perfectly – showcasing my work in a clean, professional way.</p> <p>Check out the result at <a href="https://anwersolangi.com" rel="noopener noreferrer">anwersolangi.com</a></p> <p><em>The code is open-source and available on my GitHub. Feel free to use it as inspiration for your own portfolio.</em></p> portfolio nextjs javascript react