https://github.com/yasithperera/animated-typewriter-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.
https://github.com/yasithperera/animated-typewriter-app
collision css cursor firebase html javascript particles type-writer vite
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/yasithperera/animated-typewriter-app
- Owner: yasithperera
- License: mit
- Created: 2024-06-16T18:30:21.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-03T07:38:47.000Z (almost 2 years ago)
- Last Synced: 2025-03-05T07:23:21.098Z (over 1 year ago)
- Topics: collision, css, cursor, firebase, html, javascript, particles, type-writer, vite
- Language: JavaScript
- Homepage: https://dep12-app-d6626.web.app/
- Size: 249 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# 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