Web Development Projects by Heri Rudini
My Projects
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
Another simple CMS project. Developed using #PHP #Laravel
Try This
Source Code Here
Layar Tancap
Another example project using #ReactJS
Demo:
https://horror.web.id/home
Source Code Here
Vue Snake
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
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
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