Skip to content

Latest commit

 

History

History
61 lines (41 loc) · 2.31 KB

README.md

File metadata and controls

61 lines (41 loc) · 2.31 KB

35 Days 35 JavaScript Projects

A collection of 35 JavaScript projects created over the span of 35 days. Each project focuses on different JavaScript concepts and integrates HTML and CSS for a full front-end experience.

Table of Contents

  1. Project 1: Calculator
  2. Project 2: To-do List
  3. Project 3: Weather App
  4. Project 4: Image Slider
  5. Project 5: Drum Kit . . .

Projects Overview

Project 1: Calculator

A basic calculator that performs simple arithmetic operations (addition, subtraction, multiplication, division). The user interface is clean and supports keyboard inputs.

Project 2: To-do List

A task manager where users can add, edit, and remove tasks. Tasks are saved in the browser's local storage, so they persist between sessions.

Project 3: Weather App

This app fetches real-time weather data using an API (like OpenWeatherMap) and displays it based on the user's location.

Project 4: Image Slider

A dynamic image slider that automatically cycles through a set of images. It includes navigation buttons for manual control.

Project 5: Drum Kit

An interactive drum kit where users can click on different drums or use specific keyboard keys to play different drum sounds.

Technologies Used

  • HTML: Structure of each project.
  • CSS: Styling and layout.
  • JavaScript: Adds functionality and interactivity.
  • APIs: Some projects use external APIs to fetch data (e.g., Weather API).
  • Local Storage: Used in some projects to store data locally in the browser.

How to Run Locally

  1. Clone the repository: git clone https://github.com/AbhiRajput5568/35_DaysJavaScript_Project.git

  2. Navigate into the project directory: cd 35-days-35-js-projects

    Open any specific project folder and open the index.html file in your browser.

  3. Contributing

Contributions are welcome! Feel free to submit a pull request with improvements, fixes, or new features. You can also open an issue if you encounter any bugs.

  1. License

This project is licensed under the MIT License. See the LICENSE file for more information.

You can paste this directly into your GitHub repository's README file. Just replace yourusername in the clone URL with your GitHub username.