My Projects
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.
Check this out :
https://herirudini.github.io/vue-snake/
Source code :
https://github.com/herirudini/vue-snake
Vitamix
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
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