This repo is one of my progress on Frondend Roadmap to duplicate some website
I choose jcodonuts.com/id because I know it and I really happy when my friend bring this donuts for free even though I have never bought it by myself
In this repo, I challenge my self to develop my skill, its like:
- Jumbotron Image Slider: I really curious about Jumbotron Image Slider and I think jco using nivo slider to manage it, when I searching about it, I found the dead end because nivo slider is not for free, so I try another options and I choose Owl Carousel to make Image Slider
- Single Page Application: When my friend tell me about SPA (Single Page Application) Angular, I challenge my self to create SPA just using javascript
and I did make it with helping from
window.location
attribute - Bootstraps: I newer used it before, but I try it in this project
url: https://github.com/colorcreate/mimic-jco
This repo is one of my progress on Frondend Roadmap to duplicate some website
I've try to mimic github profile page include with some control, but not real control. I made github mimic as much as posible to look like real one
Just like JCO, I try to using Singgle Page Application for tab control without Angular but using window.location
attibute, so I can change window.location.search
without reloading the page
You have to remember that this repo is not the real github, this is just duplicate github profile page but not any control includes
url: https://colorcreate.github.io/mimic-github
In general, you can define a number as a prime number if it's only have two factor, that is 1 and it's self
I'll give you some example:
factor number 2 is 1 and 2
factor number 7 is 1 and 7
factor number 19 is 1 and 19
...etc
When you want to check a number is prime or not, let p be a number you wanna to test, you need iteration program to test from 1 to p to divided p if more than two number can divided p than p is not prime otherwise p is prime
I made a program to check prime number, I'm not using iteration program above, but I'll check prime number using Sieve Method, it will check prime number really fast
You can check my program in here, if it's prime, it will tell you that it's prime number, but when it's not prime, it will show you factors of it's number
url: https://codepen.io/colorcreate/pen/BOzKXq
It's like Prime Number Program but it's find the next prime number from input. I am still using Sieve Method to test each number. Enjoy to try reset or change input with any number that you want check it in here
url: https://codepen.io/colorcreate/pen/ZMOOEG
This is what I got when I learn canvas html tag, I made some enjoyable project to kill you time
Touch anywhere and the color will change url: https://codepen.io/colorcreate/pen/VGmeZX
I have been really curious with any dropping balls animation, so I learn physics to understand the theory of gravity then I put it's theory into my program to create my dropping balls
click anywhere and a ball with appear right at that point and it's start to fall, then bounce when touch the ground. Click more and more until it's like rain balls. Don't forget to try Free Fall feature when you have lots balls
url: https://codepen.io/colorcreate/pen/rZLeKB
I change gravity point into center of the page, and I create line for each ball so you can see the direction each ball
It's really need effort and tricky to manipulate theory of gravity for this project, but It's worth it
Enjoy it url: https://codepen.io/colorcreate/pen/BOzKMP
Try to click and drag your mouse, don't forget to click auto width feature and see what happen on your colorfull line