Skip to content

Latest commit

 

History

History
92 lines (68 loc) · 3.75 KB

README.md

File metadata and controls

92 lines (68 loc) · 3.75 KB
Raw

powerJS

This is an entire collection of webpages and js functionalities (mainly consiting .html, .css and, .js files only).

This is written entirely using vanilla javascript without using any external libraries.

The entire collection can be found on this link on codepen.io

Img

Contents

Each one below is a link to the codepen or the file

  1. Drum Beat
  2. Clocking
  3. Interactive Slider Change
  4. ArrayFun 1
  5. Flex Panel Gallery
  6. AJAX Filter
  7. ArrayFun 2
  8. Canvas Draw
  9. Console Tricks
  10. Checking Box
  11. Custom Video Play
  12. Detection Key Sequence
  13. Scroll Effect
  14. Reference & Copy
  15. Storing Locally
  16. Text Shadow Mouse Move Effect
  17. Sort Ignore
  18. Total Time Calculated
  19. CamBooth
  20. Word Lister
  21. Navigator Geolocation
  22. LinkTrace
  23. Voice Bud
  24. Navigation Bar
  25. Event Listener
  26. Popup Menu Follow
  27. ScrollDrag
  28. UI Video Play
  29. Custom Countdown
  30. Smack a Rabbit
Note

Open 15 locally. LocalStorage might not be possible on codepen Server is required for 19, 20 I recommend you to open these links in a desktop or laptop and not a mobile device.

Local Setup

Although the entire collection can be found on codepen, you may still want to try it on your local machine or take it for development purposes.

Software Requirements

  • Browser any (Actually, that's all for most of it!)
  • NodeJS
  • Git
  • Any Preferred Editor

Command Run Through

Once you have the above requirements installed, you may now:

  • Open the folder where you want this collection.
  • Open your terminal in this folder
  • Now type or just copy the below
git clone https://github.com/uinstinct/powerJS.git
cd powerJS
code .

Note - Please change code . to your preferred editor

Server Requirement Setup

There are some projects like CamBooth which require a server for secure origin. (You cannot simply allow webcam to run on file)

For this, I suggest you to install serve which is an npm package for serving local files. You can do this simply by opening up your terminal and running : npm install -g serve

In the project, where a server is required, just run serve in your terminal.

By default, the page will be served on localhost:5000.

If you liked my collection, you may give this repository a star by clicking above.