https://github.com/singhofen/small-javascript-projects

Small Javascript projects. Made with .js libraries: Moon.js, particle.js, push.js. As well as jQuery and vanilla JS.
https://github.com/singhofen/small-javascript-projects

bootstrap4 calculator css3 javascript jquery js js-calculator jsslide modal-dialogs moonjs notifications particles-js pushjs slider-image vanilla-js

Last synced: 3 months ago
JSON representation

Small Javascript projects. Made with .js libraries: Moon.js, particle.js, push.js. As well as jQuery and vanilla JS.

• Host: GitHub
• URL: https://github.com/singhofen/small-javascript-projects
• Owner: singhofen
• License: mit
• Created: 2018-04-23T20:21:27.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-08-09T17:21:25.000Z (over 6 years ago)
• Last Synced: 2024-12-27T23:10:36.774Z (about 1 year ago)
• Topics: bootstrap4, calculator, css3, javascript, jquery, js, js-calculator, jsslide, modal-dialogs, moonjs, notifications, particles-js, pushjs, slider-image, vanilla-js
• Language: JavaScript
• Homepage: https://github.com/singhofen/Small-JavaScript-projects
• Size: 967 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          

Small JavaScript projects -Continuous/Ongoing

This repo contains small JS projects written in vanilla JS and JQuery. This is an ongoing project..

### codepen Links for projects are below

---

https://codepen.io/csinghofen/pen/PemPXb  calculator

https://codepen.io/csinghofen/pen/qYqMGY clock

https://codepen.io/csinghofen/pen/NMrJZQ css/js modal & js type writer 

https://codepen.io/csinghofen/pen/ZxPVEx  javascript quiz

https://codepen.io/csinghofen/pen/erKrjq particle js 

https://codepen.io/csinghofen/pen/RJwYLm particle js

https://codepen.io/csinghofen/pen/MXjWaj random name generator

https://codepen.io/csinghofen/pen/oyZENO?editors=1000 vanilla js price calculator

https://codepen.io/csinghofen/pen/PaxdLE  handle click events w/ js

https://codepen.io/csinghofen/pen/GGrQKZ handle onclick events w/ js

# JS Bitcoin calculator. Includes Bootstrap4 and jQuery for responsivness. 

![image](https://user-images.githubusercontent.com/23155302/39590598-62105026-4ecf-11e8-94b5-deb39e782c8a.png)

# JS/CSS3/HTML5 Interactive Modal with typewriter effect. On page load. 

![image](https://user-images.githubusercontent.com/23155302/39591122-c48e6188-4ed0-11e8-9b62-14caaf887715.png)

# Picture of push notification when notification was requested.

![image](https://user-images.githubusercontent.com/23155302/39591852-054986ba-4ed3-11e8-8f42-ecca2bd85cb1.png)

# modal image-

modal image using HTML/CSS/JS

![image](https://user-images.githubusercontent.com/23155302/39590944-4b1376ea-4ed0-11e8-982b-56bf71108a23.png)

# moon.js calculator app.  

Helpful resources: ---> https://kbrsh.github.io/moon/ , https://github.com/kbrsh/moon , https://www.npmjs.com/package/moonjs

2nd image is of the JS calculator using the moon.js library

![image](https://user-images.githubusercontent.com/23155302/39591463-d8b24ec6-4ed1-11e8-8256-3331cfc02522.png)

# JS/JQuery digitial clock with some CSS3 effects

![image](https://user-images.githubusercontent.com/23155302/39590497-128330aa-4ecf-11e8-958e-7d7c9a2f6759.png)