Javascript-Project

Vanilla Javascript Projects Repo

Github Finder

Navigate to github finder folder to find raw files

• Project Summary - Github finder uses github api to extract information about github users. Type the user name in search bar, you will get details about that user.
• Note: Github OAuth key and client id removed for security reasons. Navigate to github finder/github.js file and edit the client_id and client_secret with your client id and github oAuth key respectively under Github function(class). Navigate to this link to create github oAuth Key - Create Github oAuth and for more information Github Developers
• Project Snapshot - Below you can find the snapshot of the project

TodoList

Navigate to todo list folder to find raw files

• Project Summary - Four versions of Todo list created, each has features added to it.
• Version-1 - Simple Todo list - You can add, edit, remove and update the status of the task
• Version-1 Snapshot - Below you can find the snapshot of Todo list version-1

• Version-2 - Added Tasks title and Static Sidebar
• Version-2 Snapshot - Below you can find the snapshot of Todo list version-2

• Version-3 - Now you can add more than one tasks title using the 'Add New Todo' button and the sidebar will update automatically
• Version-3 Snapshot - Below you can find the snapshot of Todo list version-3

• Version-4 - Added Highlightner to show users where the entered tasks will be added, you can add descriptions now to each task and task title by clicking the task and title, current progress feature added to sidebar and more
• Version-4 Snapshot - Below you can find the snapshot of Todo list version-4

Loan Calculator

Navigate to loan calculator folder to find raw files

• Project Summary - Enter principal amount, interest and number of years to repay, the program will calculate the monthly installments and interests for you
• Project Snapshot - Below you can find the snapshot of the project

Other Projects

• Color Flipper - Flip the background color on click of a button. Navigate to color flipper folder to see raw files
• Color Flipper Snapshot - Below you can find the snapshot of the project

• Drum Kit - Mimic of drum set, click the mentioned keys to play the certain drum sound. Navigate to drum kit folder to see raw files
• Color Flipper Snapshot - Below you can find the snapshot of the project

• Playing with CSS Variables - Practicing CSS Variables
• Playing with CSS Variables Snapshot - Below you can find the snapshot of the project

• Javascript Clock - Clock created with the help of javascript
• Javascript Clock Snapshot - Below you can find the snapshot of the project