https://github.com/haripasapuleti/html-css-js
A collection of interactive web applications built with HTML, CSS, and JavaScript, featuring games and utility tools with responsive designs and engaging functionalities.
https://github.com/haripasapuleti/html-css-js
css deployment html javascript
Last synced: 2 months ago
JSON representation
A collection of interactive web applications built with HTML, CSS, and JavaScript, featuring games and utility tools with responsive designs and engaging functionalities.
- Host: GitHub
- URL: https://github.com/haripasapuleti/html-css-js
- Owner: HariPasapuleti
- Created: 2025-01-22T10:28:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-07T16:42:41.000Z (about 1 year ago)
- Last Synced: 2025-06-09T21:58:23.618Z (about 1 year ago)
- Topics: css, deployment, html, javascript
- Language: JavaScript
- Homepage:
- Size: 5.52 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HTML-CSS-JS Projects 🌟
A collection of fun, interactive, and practical web development projects built using HTML, CSS, and JavaScript. Each project is designed to demonstrate core web development skills, creativity, and functionality. 🚀
---
## Projects Included 📂
1. [**Bubble Game**](./Bubble%20Game)
- A fun bubble-clicking game to test your reflexes and scoring abilities.
- Features a countdown timer, target matching, and interactive gameplay.
- **Technologies Used**: HTML, CSS, JavaScript, Intro.js.
2. [**Calculator**](./Calculator)
- A simple yet powerful calculator web app with theme toggling and parentheses support.
- Includes basic arithmetic operations, backspace, and clear functionality.
- **Technologies Used**: HTML, CSS, JavaScript.
3. [**Snake Game**](./Snake%20game)
- Classic snake game with sound effects, score tracking, and a responsive design.
- The game ends when the snake collides with walls or itself.
- **Technologies Used**: HTML, CSS, JavaScript.
4. [**Text to Speech Converter**](./Text%20to%20Speech)
- Converts user-entered text to spoken audio using the Speech Synthesis API.
- Offers playback controls and a responsive design.
- **Technologies Used**: HTML5, CSS3, JavaScript.
5. [**Weather App**](./Weather%20app)
- Provides real-time weather updates for any city or location-based weather.
- Includes a 24-hour weather forecast and dynamic weather icons.
- **Technologies Used**: HTML, CSS, JavaScript, WeatherAPI.
---
## How to Use 🛠️
1. Clone the repository:
```bash
git clone https://github.com/HariPasapuleti/HTML-CSS-JS.git
```
2. Navigate to the project directory of your choice:
```bash
cd HTML-CSS-JS/
```
3. Open index.html in your browser to view and interact with the project.
---
## Demo Links 🔗
- [Bubble Game](https://bubble-game2.netlify.app/)
- [Calculator](https://hari-calculator1.netlify.app/)
- [Snake Game](https://snake-game-5.netlify.app/)
- [Text to Speech](https://text-to-speech7.netlify.app/)
- [Weather App](https://weather-forcast7.netlify.app/)
---
## Contributing 🤝
Contributions are welcome! If you have ideas to enhance the existing projects or create new ones, feel free to fork the repository and submit a pull request.
1. Fork the repository.
2. Create a new branch for your feature:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add your message here"
```
4. Push to the branch:
```bash
git push origin feature-name
```
5. Open a pull request.