Building My Portfolio: Inspired by Apple, Powered by Web Technologies

Rushil — Sat, 01 Feb 2025 18:17:38 +0000

Creating a portfolio isn’t just about showcasing work—it’s an opportunity to refine skills, experiment with new ideas, and build something truly personal. I recently revamped my portfolio, drawing inspiration from Apple’s clean and intuitive design language while implementing features that enhance the user experience.

Design Inspiration: The Apple Touch

Apple’s design philosophy emphasizes simplicity, elegance, and seamless interaction. I wanted my portfolio to reflect that, ensuring a minimal yet engaging interface that keeps the focus on content.

Features Inspired by Figma

Figma isn’t just a design tool—it’s a powerhouse for interactive prototypes. I incorporated a context menu and DevTools block functionality, inspired by Figma’s UX, to improve navigation and usability.

Tech Stack and Development Tools

I built the portfolio using:

✅ HTML, CSS, and Vanilla JavaScript for a lightweight and fast experience

✅ Responsive Design to ensure a seamless experience across all devices

✅ GeeksforGeeks, W3Schools, and Web.dev—not for learning, but for their code editors and tools that made development more efficient

✅ GitHub Pages for easy and free deployment

Freelance Opportunities

I’m open to freelance projects! If you need a frontend developer who values design and performance, feel free to reach out.

Check out my portfolio here: https://anonymous0000007.github.io/portfolio/

I’d love to hear your thoughts on the design—feedback is always welcome! Let’s connect and discuss ideas!

FrontendDevelopment #JavaScript #HTML #CSS #VanillaJavaScript #ResponsiveDesign #WebDesign #Creative #GitHubPages #Freelance

🚀 Automating OTP Login with a JavaScript Browser Extension

Rushil — Wed, 27 Nov 2024 07:57:21 +0000

As a JavaScript developer, I often found myself wasting time logging into websites and copying OTPs from my email. So, I built a simple browser extension that automates this process by:

Logging in automatically
Fetching the latest OTP from my inbox
Filling the OTP in the website’s login form

💡 Technical Breakdown:

JavaScript powers the extension, allowing it to interact with both the browser and email inbox.
DOM manipulation helps automatically input the OTP into the login form.
Email Parsing extracts the OTP using regex from opened emails or inbox pages.

🔧 Key Steps:

Access the email and parse the OTP.
Use DOM manipulation to autofill the OTP into the login form.
Thorough testing to ensure reliability across multiple websites.

🔄 Lessons Learned:

Automation boosts productivity by removing repetitive tasks.
Mastering DOM manipulation in JavaScript helps automate browser interactions efficiently.

🚀 The Results:

The extension streamlined my login process, saving time and eliminating the need for manual OTP handling.

💬 Let’s Connect:

Have you worked on similar automation projects? Share your thoughts or suggestions in comments!