• Unique styles and solutions 🎨
• Enhancements for improved performance 🚀
• Resolved some issues with both style and JavaScript code ✅
• Utilized modern techniques like intersection observation ✨
• Comprehensive blog notes for each exercise 📝

• Clone the repo

  git clone [email protected]:issam-seghir/JavaScript30.git

Note : As of August 2023, getUserMedia() API is considered to be in a Secure context, according to MDN: getUserMedia API. A "Secure context" implies that this feature is only available in secure contexts (HTTPS) in some or all supporting browsers.

• Cloning the repo is sufficient for most exercises, except for 19 - webcam & 21 - geolocation.
• If you want to test these two exercises locally, you need to set up HTTPS for 19 - webcam and localhost for 21 - geolocation.
• Setting up HTTPS is sufficient for both. If you are genuinely interested in testing these two exercises locally, please read the following instructions.

• Install mkcert to generate a local certificate authority (CA) using your preferred package manager. In this example, I use Scoop, a package manager for Windows.
• The CA certification is stored in the user folder.

# Generate a local certificate authority (CA).
# (This is only trusted locally on your device.)
scoop install mkcert
mkcert -install

# Generate a certificate for your site
# with the hostname (localhost)
cd <project-folder>
mkcert localhost

This will generate two files:

• localhost.crt
• localhost.key

Note: It's important to ensure that these two files remain secret, and no one can access them. Be sure to add them to .gitignore before exposing them with a commit.

# This will install http-server for you
npm install
# This will generate an HTTPS link for you
npm start

This warning appears because the certification is self-created locally. The browser is trying to protect you, but it is safe to ignore this warning.

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Distributed under the MIT License. See LICENSE.txt for more information.