animated-typewriter-app 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/yasithperera/dep-12-app.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
yasithishara@gmail.com