Sorry, your browser does not support JavaScript!

I'm Feroz.

Profile-Picture

Hi, I'm a Frontend Developer based in Arizona, United States. I work both remotely and in person, building modern, responsive, and user-friendly web applications.

With one year of hands-on learning, I’ve developed a strong foundation in frontend development — from HTML, CSS, Git, GitHub, APIs and JavaScript to frameworks like Bootstrap and Tailwind, and modern layouts with CSS Grid and Flexbox.

By applying these skills to real-world projects, I’ve built a portfolio that reflects both my technical growth and creative approach.

About Me

about-picture

Years Experience

1 year

Completed Projects

10+ projects

As a web developer, achieving goals is about more than just meeting deadlines — it’s about continuous learning and growth. Over the past year, I’ve reached milestones such as mastering new frameworks and enhancing user experiences. Outside of coding, I stay inspired through activities like reading books, playing chess, going for morning runs, working out at the gym, and listening to music. My interest in mathematics also strengthens my logical thinking and problem-solving skills, which I bring into every project.

Download CV

Experience

google search picture

Google Search Clone (CS50 Project 0)

  • Description: A front-end replica of Google’s Search, Image Search, and Advanced Search pages using HTML, CSS, and JavaScript. Focused on clean design and responsive layouts.
  • Challenge: Getting the layout and alignment to match Google’s minimal design was harder than expected. Using HTML form to make it functional was a gread experience.
  • Learning: Built a stronger foundation in semantic HTML and CSS layouts.
Source Code Live Demo
Dice picture

Dice Game (JavaScript Project)

  • Description: A digital dice roller built with JavaScript, HTML, and CSS. Click a button to generate two random dice outcomes and display the result visually.
  • Challenge: Implementing true randomness was tricky—getting numbers from 1 to 6, not decimals or incorrect ranges.
  • Learning: Gained clarity on generating random integers in JavaScript and reinforcing conditional logic for displaying outcomes.
Source Code Live Demo
Drumkit picture

Drum Kit (JavaScript + CSS Project)

  • Description: An interactive drum kit that responds to both mouse clicks and keyboard presses, playing matching MP3 sounds and featuring smooth animations and refined CSS styling.
  • Challenge: Managing keyboard events and triggering the correct audio.
  • Learning: It improved my understanding of DOM event handling.
Source Code Live Demo
Moving company picture

Moving Company Website (Bootstrap + Light/Dark Mode)

  • Description: A responsive multi-section website for a moving company, built with Bootstrap.
  • Challenge: I created a custom button to toggle between light and dark mode, also switching the icon dynamically when pressed.
  • Learning: Improved my Bootstrap workflow and learned how to enhance built-in features with small JavaScript additions.
Source Code Live Demo
Hotel reservation picture

Hotel Reservation (Custom E‑Commerce Project)

  • Description: A fully custom front-end reservation interface built with HTML, CSS (Grid & Flexbox), and JavaScript.
  • Challenge: Learning the best way to structure CSS for positioning, writing clean and maintainable code for a large front-end project, and using custom JavaScript to handle navigation.
  • Learning: Strengthened skills in advanced CSS layout techniques, clean code practices, and building custom JavaScript functionality for user interaction.
Source Code Live Demo
Crypto display picture

Crypto Display (Live Cryptocurrency Dashboard)

  • Description: A custom-built cryptocurrency dashboard that fetches live prices from the Coinbase API and other data from CoinGecko API. It displays real-time performance metrics for 20 cryptocurrencies.
  • Challenge: Implementing accurate mathematical calculations for price formatting and performance metrics was complex.
  • Learning: Enhanced skills in API integration, asynchronous JavaScript, and building dynamic, data-driven interfaces.
Source Code Live Demo
navigation picture

Navigation Project (SlideMenu Pro)

  • Description: A fully responsive navigation menu built with HTML, CSS, and JavaScript, featuring smooth animations.
  • Challenge:The smoth horizontal slider animation was technically hard.
  • Learning:I improved my problem solving skill by searching on stackoverflow.
Source Code Live Demo