PROJECTS

Things I've built so far

project1

Todo List App

This is my first web project using Next.js and Firebase, and I also utilized the Chakra UI CSS framework. If you have a variety of activities and don't want to forget anything, you can use this website to store your important notes. This website was also my first assignment during my internship.

Tech stack: Next Js, Firebase, Chakra UI

project1

Ayoboga Admin

This website uses the Next.js framework and NextUI as its technologies. It is an admin dashboard web application designed to manage content that will be displayed on both web and mobile platforms. Here, I attempted to implement CRUD functionality, consume APIs, and experiment with login authentication features. This was my second assignment during my internship.

Tech stack: Next js, NextUI, NextAuth

project1

Zullkit

This website is the result of my online learning about Vue.js. During the learning process, I gained knowledge in various areas such as installing Vue.js, converting HTML to Vue components, writing logic using JavaScript, splitting code into components, integrating with APIs using Axios, state management, implementing a trial payment gateway using Midtrans, and deploying the web application to Netlify. The final outcome is an attractive web application with a user-friendly interface and comprehensive features.

Tech stack: Vue Js, Tailwind

project1

Power Human

This website is the result of my online learning about Laravel and Nuxt.js. During the learning process, I gained knowledge in various areas such as BackEnd Developer using Laravel and FrontEnd using NuxtJS. even though it can display the login view because the backend isn't finished yet, next time i will finish it so i can get a full view of this website

Tech stack: HTML, tailwindcss, Nuxt

project1

Suxz

Suxz is online course platform, this web landing page is a responsive design exercise and i use tailwind css, the UI design reference is from codedesign.dev by Irham Shidiq. This website still lacks features such as event handling, next time i will add some other features.

Tech stack: HTML, tailwindcss

project1

Ryan Portfolio

This web portfolio was created using the JavaScript programming language with the Vue.js framework and styled with Tailwind CSS. AOS library was also added for scroll animation effects. This is my first project using Vue.js, and the UI was sliced using Tailwind based on my previous web development learning experiences.

Tech stack: Vue Js, Tailwind

project1

Web Progate

This Progate website was created using HTML and CSS. Although the website is still static, it has already implemented responsive design and animations. This is the first website I created when I first started learning programming from a class I attended.

Tech stack: HTML, CSS

project1

Bookstore

The Bookstore website is themed around online book borrowing and purchasing. It was created using only HTML and CSS technologies, and although its features are not yet active, it has already implemented responsive design concepts and animations. This website was a team project assigned during my bootcamp training.

Tech stack: HTML, CSS

project1

Calculator Progate

This web calculator was created using HTML, CSS, and JavaScript technologies. With JavaScript, the web application can perform interactions, calculations, and produce output. This web application was one of the assignments given during my participation in a bootcamp that focused on learning JavaScript.

Tech stack: HTML, CSS, JavaScript

ryanibrahim27@gmail.com

  • Github
  • Linkedin