Skip to content

A web application that combines a typewriter effect, cursor animation, and particle effects. Built with JavaScript, HTML, and CSS, using Vite for the development process and deployed on Firebase.

License

Notifications You must be signed in to change notification settings

yasithperera/dep-12-app

Repository files navigation

DEP-12 Web App

A web application that combines a typewriter effect, cursor animation, and particle effects. Built with JavaScript, HTML, and CSS, using Vite for the development process and deployed on Firebase.

Features

Typewriter Effect: Animated text that simulates typing.
Cursor Animation: Custom cursor animations for an enhanced user experience.
Particle Effects: Dynamic particle animations to add visual appeal.

Technologies Used

JavaScript
HTML
CSS
Vite: Build tool for modern web projects.
Firebase: Deployment platform.

Getting Started

Prerequisites

Node.js
npm (Node Package Manager)

Installation

Clone the repository:

git clone https://github.com/yourusername/typewriter-cursor-particles-webapp.git

Navigate to the project directory: cd typewriter-cursor-particles-webapp

Install the dependencies:

npm install

Running the App

Start the development server: npm run dev

Open your browser and navigate to:

http://localhost:3000

Building for Production

Build the app for production:

npm run build

Deploy the build to Firebase:

firebase deploy

Deployment

The app is deployed on Firebase. To deploy your own version:


Ensure you have the Firebase CLI installed.

Login to Firebase:

firebase login

Initialize Firebase in your project directory:

firebase init

Deploy your app:

firebase deploy

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

Version

1.0.0

License

This project is licensed under the MIT License.

Acknowledgements

Inspired by various open-source projects and tutorials.

Contact

Yasith Perera
[email protected]

About

A web application that combines a typewriter effect, cursor animation, and particle effects. Built with JavaScript, HTML, and CSS, using Vite for the development process and deployed on Firebase.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published