"A Front-End Router for Web Developers"

CCRouter is a Mini-framework for Front-end developers to create responsive and asynchronous user interfaces. This routing framework is base upon hashes and is currently working on most of the modern web browsers.

• Customizable colors
• Built-in animated Google-like progress bar on top

1. Bower

bower install ccrouter

1. First download the project via bower or just download the release Zip file.
2. Link the dist/ccrouter.js and dist/ccrouter.css files to your HTML file like this,

<link rel="stylesheet" href="dist/ccrouter.css">
<script type="text/javascript" src="dist/ccrouter.js"></script>

3. Create a display element (an element which displays the pages usually a div) Initialize CCRouter Framework through JavaScript.

<script type="text/javascript">
    $(document).ready(function() 
    {
        var router = ccrouter();  // Create a new router from ccrouter

        router.initialize("Routes/", "html", {
            color:  "dodgerblue",
            display: "#display",
            height: "2",
            initial: "index"
        }); 
        // Map the change of hashes to the router
        router.listen(); // Listen for the incoming hashchanges
    });
</script>