Ram Ardiansyah

Frontend Engineer

I build responsive, engaging websites that provide great user experiences.

About

My introduction to web development started back in 2021 when I decided to experiment with a Blogspot template. This initial experience sparked my interest in programming, and since then, I've honed my skills in technologies like Tailwindcss, React, Next.js, and Express.js.

I specialize in creating user-friendly, visually engaging websites using HTML, CSS, JavaScript, and TypeScript. While my primary focus is on web development, I also have a solid foundation in other programming languages, including Java, Python, C++, and Dart.

I’m always exploring new technologies and refining my skills to stay ahead in the ever-evolving world of web development. I’m passionate about creating meaningful digital experiences and eager to continue growing as a developer.

Services

Resume

Student majoring in Informatics Engineering. Interested in web development especially in Frontend and Backend engineer.

Front End Development

index.ts
index.html
const button = document.querySelector<HTMLButtonElement>("button#signup";)
button.classList.add("bg-blue-500 text-white");
button.innerText = "Sign Up";

Back End Development

/meGET
{
"status":"200",
"data":{
"id":"18",
"name":"aaaroz",
},
}

Experiences

  1. JULY 2023JAN 2024

    Frontend Engineer with ReactJs · Alterra Academy

    Learned a fundamental Front-end Engineer, Mastering Front End with React, Mastering communicating with Back End Services, Completed a code competence, mini project and capstone project, and also learned a professional skills as Developer.

    • JavaScript
    • React
    • Git
    • Tailwindcss
    • Bootstrap
    • Postman
    • Figma
    • Firebase
  2. NOV 2023JAN 2024

    Reprohealth Capstone · Alterra Academy

    Developed figma design into a code, Implemented features that created by UIUX Designer into a code, Implemented communication between Front-end, Back-end engineer, Succesfully deploy a project to netlify, and Implemented a git workflow.

    • JavaScript
    • React
    • Vite
    • Tailwindcss
    • Ant-Design
    • Axios
    • React-Hook-Form
    • React Router
  3. JANDEC 2024

    Campus Coder, Full Stack MEVN · Codepolitan x Alibabacloud

    Learned fundamental web dev, Created a modern website with vue.js, Created web API with Express.js, Implemented a mongodb with node server, and Successfully created a fullstack shopping cart website.

    • AJAX
    • MongoDB
    • HTML
    • CSS
    • JavaScript
    • Vue.js
    • Express.js
    • Node.js
    • jQuery

Projects

  1. Z-Form - Simplest Form Builder

    Z-Form - Simplest Form Builder

    Simplest form builder with drag n drop method, created with nextjs app router, typescript, and postgresql

    • TypeScript
    • React
    • Git
    • Tailwindcss
    • Next.js
    • Postgresql
    • Auth.js
    • Vercel
  2. ZORANIME - Anime List

    ZORANIME - Anime List

    ZORANIME is a website that provides a list of anime recommended by one of the biggest websites in the world of anime, namely myAnimeList.

    • TypeScript
    • React
    • Next.js
    • Git
    • Tailwindcss
    • React-Icons
    • Auth.js
    • Postgresql
  3. ZORA Ecommerce

    ZORA Ecommerce

    ZORA E-Commerce sell all about fashion for mens and womens, in ZORA E-Commerce you can sell ur own products, and you can manage your products with ZORA E-Commerce Dashboard Features

    • JavaScript
    • React
    • Git
    • Tailwindcss
    • Figma
    • Firebase
  4. Zesco Landing Page

    Zesco Landing Page

    Zesco Development Tools Hub, this projects is a modern landing page that created with nextjs, tailwindcss, and also have a authentication features that implemented with auth.js/next-auth

    • TypeScript
    • React
    • Next.js
    • Tailwindcss
    • Figma
    • Auth.js
    • VercelDb