Heri Rudini

herirudini@live.com

Web Development Projects by Heri Rudini

My Projects

Kanban

Kanban

Kanban styled app to help you keep track your team work progress. It's a dynamic, flexible and simple. This is just a simulation and only have frontend with temporary storage. Created using Angular Ionic with Ionic Component.

Demo: https://kbn.dekolapps.tech

Source code: https://github.com/Dekol-Apps/kanban

Simple Blog CMS

Go Blogg CMS Dashboard

Another simple CMS project. Developed using #PHP #Laravel

Try This

Source Code Here

Vue Snake

Snake Preview

Created a simple snake game using VueJS. Just for fun. You can use the keyboard arrow and spacebar for control, or use the touch button available in the layout. The main purpose is just to challenge myself to figure out how the way this old game works, combined with the skill i have in the web programming. Maybe will update the cosmetic later.

Try This

Source Code Here

Vitamix

Vitamix website

This is a simple marketing blog. This blog have three pages, they are Home Page, About Page, and Details. Created using HTML, CSS, Javascript and Jquery with mobile-first approach. Flex-box is very reliable for styling this blog, flex-box make this blog fairly responsive, not only good just for mobile-tablet-pc view, but wider flexibility.

I put in a couple of css tricks in this project, you can see the jumbotron is kinda being a full wide backgroud at the same time, if you're on desktop you can try to resize your browser to see that it's always look almost prefectly-fit with the media screen size. And also if you're on the mobile phone, you will notice on the right side of the screen, there's a little notch button that will expands out the hidden category list.

Try This!

Source Code Here

Acong Kelontong

Web preview

This is an Enterprise application specialized for retail bussines management, i.e grocery shop, mini market, convenient store, toko bangunan, konveksi, etc. Focusing on data integration, financial report, assets movement, accounting and transaction history. Developed using Angular for the FE and NestJS for the BE.

Demo : ack.dekolapps.tech

Source code :
revamp: https://github.com/herirudini/acong-kelontong-monorepo/tree/dev
frontend: https://github.com/herirudini/acongkelontong-fe
backend: https://github.com/herirudini/Final-Assignment-BE