Project Description

Project information

Applications Used

HTML CSS JavaScript


Project Description â„šī¸


This JavaScript application features interactive moving particles that respond to cursor elements, engaging typing animations, and dynamic updates using setInterval. The project is designed to enhance user interaction with smooth animations and real-time effects.




Outcomes:

Developing this application will give many benefits, More importantly it's give you how html elements are working.

  • ClientWidth - ClientHeight
  • OffsetWidth - OffsetHeight
  • ScrollWidth - ScrollHeight
  • JavaScript Animations
  • SetIntervals & Timeouts



Features of the Web-Surfer Application 🚀


  • Moving Particles: Particles follow the cursor or interact dynamically based on movement.
  • Typing Animation: Simulates a natural typing effect for text elements.
  • Set Interval Functions: Used for continuous updates, animations, or timed effects.
  • Smooth Animations: CSS and JavaScript-powered fluid motion.



Technologies Used 👩đŸģ‍đŸ’ģ

  • JavaScript (Core logic and animations)
  • HTML (Structure)
  • CSS (Styling and animations)
HTML Logo CSS Logo JS Logo



Getting Started

Installation đŸ’ģ

First clone the app and enjoy.

  1. Clone the repo:
  2. 
                            git clone https://github.com/Isuranga-Seram/Moving-Particles.git
                        
  3. Open "index.html" in a browser.
  4. Interact with the cursor to see the effects.

Enjoy !!






Get in touch

Have an idea for a project? Let’s turn it into reality! Contact me here, and let’s get started.

Find Me

Email: isurangaseram@gmail.com

LinkedIn: linkedin.com/in/isuranga-seram

Tel: +94 71 8816464