Skip to content

ibrohhm/repo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 

Repository files navigation

Index

Mimic

JCO

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

Github

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

Math

Prime Number

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

Prime Count

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

Canvas

This is what I got when I learn canvas html tag, I made some enjoyable project to kill you time

Color Touch

Touch anywhere and the color will change url: https://codepen.io/colorcreate/pen/VGmeZX

Rain Balls

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

Gravity Balls

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

Drawing Fun

Try to click and drag your mouse, don't forget to click auto width feature and see what happen on your colorfull line

url: https://codepen.io/colorcreate/pen/wEWWBR

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published