Hi, my name is

Muhammad Syifa Surya Saputra.

Your Vision, My Execution.

I am a front-end web developer dedicated to accessibility and user-centered design. Proficient in HTML, CSS, and JavaScript, I aim to convert innovative ideas into effective web applications. I am currently advancing my software engineering skills to enhance user experience.

About Me

Hello! My name is Muhammad Syifa Surya Saputra, and I am passionate about creating impactful web experiences. My journey in web development began with an interest in front-end technologies, where I honed my skills in HTML, CSS, and JavaScript to build user friendly applications.

Currently, I specialize in developing accessible and inclusive digital solutions that prioritize user experience. I have had the opportunity to work with various clients, focusing on delivering high-quality products that meet their needs.

In addition to my development work, I am committed to continuous learning and recently explored the integration of APIs to enhance web applications.

Photo Profile

What Can I Do ?

icon html

HTML

icon css
icon JavaScript
icon Java
icon React

REACT

icon nextJs
icon GitHub
icon Firebase
icon Tailwind

TAILWIND

What I've Experience

Software Engineer Bootcamp

Oktober 2024 - Present

  • Learning and Applying Software Engineering Principles: Mastering HTML, CSS, JavaScript, and repository management with GitHub in software development.
  • Developing Responsive Web Projects and Portfolios: Building web applications and portfolio websites using responsive design principles and accessibility.
  • Using Git and GitHub for version control and team collaboration on group projects.
  • Achieving Optimal Scores on Google Chrome Lighthouse and Mastering Tailwind CSS: Earning 100 points for performance, accessibility, best practices, and SEO, and improving design efficiency with Tailwind CSS.

Some Things I've Built

screenshot Nexcent

Featured Project

Nexcent

Uses semantic HTML and modern CSS for a responsive, interactive design. It features a mobile-friendly layout with Flexbox and Grid for flexibility, ensuring smooth navigation and accessibility.

  • VS Code
  • HTML
  • CSS
  • JavaScript
  • Tailwind

Featured Project

E-KUR BANK BTN

Uses semantic HTML and responsive CSS to provide a user-friendly interface for applying for KUR loans. The design is mobile-friendly, utilizing Flexbox and Grid for layout flexibility, ensuring easy navigation through loan applications, simulations, and information.

  • VS Code
  • HTML
  • CSS
  • JavaScript
  • Firebase
screenshot Nexcent

Featured Project

Twibbon Maker

The Twibbon Maker website allows users to create custom Twibbons for social media by uploading images and adjusting them to fit templates. The site offers a simple, responsive design using Flexbox and Grid for layout, ensuring ease of use on both mobile and desktop devices.

  • VS Code
  • HTML
  • CSS
  • JavaScript
  • Tailwind

What's Next ?

Get In Touch

Although I’m not currently looking for any new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I’ll try my best to get back to you!