Mini JavaScript Projects

A collection of mini JavaScript projects to enhance your coding skills and explore different concepts in JavaScript.

Technologies Used

• HTML
• CSS
• JavaScript

Project Directory

1. Project 1: Calculator
   • Description: simple calculator have dark|light mode and history calculation, full respnsive for all devices
   • Demo
   • Preview:
     

2. Project 2: Countdown

   • Description: A date reminder with a countdown timer that saves the information in the browser's local storage
   • Demo
   • Preview:

   
   

3. Project 3: Drag And Drop

   • Description: simple todo list with drag and drop option you can create && edit && delete your todos and auto save on local storage
   • Demo
   • Preview:

   
   

4. Project 4: Infinity Scroll
   • Description: in Infinity Scroll project use unsplash image API when you reach bottom of page app requested another images from server and loaded on DOM
   • Demo
   • Additional Notes: I used the free version and of course the daily request limit is included in this project
   • Preview:
     

5. Project 5: Joke Teller

   • Description: in this project you when ever you clicked on Tell Joke btn at first App make http request to geek-jokes server to get random string joke then make another http request to voiceRss server to give voice of joke and then with text plugin write joke and play voice
   • Demo
   • Preview:

   
   

6. Project 6: Light Dark Mode

   • Description: simple landing website with dark-light mode option that seved on localStorage with custom css theme
   • Demo
   • Preview:

   
   

7. Project 7: Music Player

   • Description: A Custom Music player with Nice UI and have Dark|Light mode features
   • Demo
   • Preview:

   
   

8. Project 8: Paint Clone

   • Description: Paint Clone a websit such like Windows Paint App that you an draw anyThing with ColorPicker and save download image As jpeg file and save m load your paint on localStorage
   • Demo
   • Preview:

   
   

9. Project 9: Picture In Picture

   • Description: A Simple App for share your entire screen and see on small window your selection tab
   • Demo
   • Preview:

   
   

10. Project 10: Pong

    • Description: simple pong game with canvas js that you can move your rocket with mouse in PC or Laptop and for others by click
    • Demo
    • Preview:

    
    

11. Project 11: Video Player

    • Description: In this App you can volume up/down and increase or decrease video play ratio and full screen your video
    • Demo
    • Preview:

    
    

12. Project 12: Quote Generator

    • Description: a simple quote generator that you can choose 2 diffrent server that saved each of time on localStorage and you can tweet every random quote generated
    • Demo
    • Preview:

    
    

    Getting Started

To get a local copy of the project up and running, follow these steps:

1. Clone the repository: git clone https://github.com/FarzadForuozanfar/Mini-JavaScript-Projects.git

1. Change the directory:cd Mini-JavaScript-Projects

1. Explore the individual project folders to find the projects you're interested in.

Usage

Each mini project is contained within its own folder. To use a specific project:

1. Navigate to the project directory: cd project-directory-name

1. Open the index.html file in your web browser.

2. Interact with the project according to its specific functionality.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow the guidelines below:

1. Fork the repository.

2. Create a new branch: git checkout -b feature/your-feature-name

1. Make the necessary changes and commits.

2. Push your changes to the branch: git push origin feature/your-feature-name

1. Open a pull request detailing your changes.

License

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

Contact

For any questions, feedback, or suggestions, please feel free to reach out:

• GitHub Issues
• Email