Heri Rudini

herirudini@live.com

My Projects

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.

Check this out : https://herirudini.github.io/vue-snake/

Source code : https://github.com/herirudini/vue-snake

Vitamix

Vitamix website

This is a simple marketing blog. This blog have multi pages, namely: Home Page, About Page, and Details Page. 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 button that will expands out the hidden category list.

Here's the link to try this website : https://herirudini.github.io/vitamix/

You can also check the source code : https://github.com/herirudini/vitamix

Acong Kelontong

Web preview

This is a web application for retail company like grocery, shop, mini market, for example Alfamart, Indomaret, etc. This app is based on role, it have four pages namely: Owner, Inventory, Finance, and Cashier. Every page have their own "to-do-list" menu according to their role, and the "Owner" role have special menu to access all pages. As a workspace application that supposed to use in office computer, there's no mobile interface included.

Link : https://acongkelontong.herokuapp.com/ (email: acong@mail.com , pass: 1234)

Source code :
frontend: https://github.com/herirudini/acongkelontong-fe
backend: https://github.com/herirudini/Final-Assignment-BE

Other preview:
    Web preview Web preview