Chingu Solo Project - Tier 1 - Tickybot Clone

TickyBot Clone

Overview

This is my attempt at cloning the TickyBot Page using HTML/CSS and JavaScript. This is to submit for the solo project at chingu.io

Cloning A Website

Cloning means to create a web page with a layout as identical as possible to the template. Fonts, colors, and images are not important. The layout of the web page on the other hand should be the same. A suggestion would be to compare the way the template looks face to face to the clone.

And no, you don't have to re-create the TickyBot animation if you don't feel ready :) If you want, use this opportunity to get creative and come up with something of your own for that space.

Requirements

Structure

• Created the html with the required sections and the contents of each section is copied from the TickyBot Page for the cloning purpose.
• The html contents are located in index.html

Style

• To meet the requirements of cloning, styling has been done accordingly
• No CSS library has been used to meet the requirement
• The css contents are located in styles.css

Functionality

• The smooth scrolling effect to the corresponding section from the navbar has been done in JavaScript
• The smooth scrolling effect to the top of the window/page has been done in JavaScript*
• 'Add to Slack' buttons are redirected to slack.com
• The script is located in script.js

Other

• Readme.md has been updated.
• Checked and made sure there are no errors in the developer console.
• Application is deployed using Vercel

Dependencies

• Signika font is used from Google fonts

Running this project

• Clone this project locally
• Open index.html using your favorite browser
• Check out the page's functionality