Muhammad Sopian

Front End Developer

Hi, I'm Muhammad Sopian, an education of system and information technology student who enjoys coding and loves to build enganging and responsive websites. My focus is React and Next.js.

Latest Posts

As a student, I love exploring new ideas, especially those related to education since that's my major. On this blog, I'll be sharing my insights from my education program.

  • In college, students often face a crucial decision: whether to join campus organizations or participate in the Kampus Merdeka program. Both options offer significant benefits but can leave students feeling torn. This blog explores the advantages of each choice, examining how they contribute to skill development and future readiness. Dive in to find out how to make an informed decision and prioritize your self-development journey during college.
    Read
  • This blog explores how the pandemic has accelerated the adoption of technology among millennials, from remote learning and creative expression to new career opportunities. Discover how digital tools have transformed communication, supported the rise of e-commerce, and fostered innovation across various fields. Dive into the positive effects of technology during these challenging times and how millennials are leveraging it to thrive.
    Read

Showcase Projects

Here are some of my projects. These projects are prime examples of my diverse skill set and experience, and demonstrating my ability to use code to solve problems.

Landing Page Kukuliner - AI Food Recommendation
TypeScriptNext.jsNextraTailwind CSSFramer Motion

This web landing page is designed to showcase the results of the capstone project at Bangkit Academy. The application provides AI food recommendations based on the user's location.

Backend Server Kukuliner
PythonFlaskMySQL

The backend server is created to support the functionality of the Kukuliner app for the capstone project at Bangkit Academy. The app offers AI food recommendations based on the user's location. This server includes several API endpoints for the app.

Netflix - Clone
JavaScriptNext.jsTailwind CSSTMDB API

This website is created to clone the Netflix website. The film content on this site uses data from The Movie Database API.

Spotify - Clone
JavaScriptReactTailwind CSS

This website is created to clone the Spotify web app. The music content on this site uses files stored in local storage.