add color selector

[VishnuSandeep1108]

Describe your change:

• [x] Add a Project?
• [ ] Fix a bug or typo in an existing Projects?
• [ ] Documentation change?

Checklist:

• [x] I have read CONTRIBUTING.md.
• [x] This pull request is all my own work -- I have not plagiarized.
• [x] I know that pull requests will not be merged if they fail the automated tests.
• [ ] This PR only changes one Project folder. To ease review, please open separate PRs for separate algorithms.
• [x] All new Project files are placed inside an existing directory.
• [ ] If this pull request resolves one or more open issues then the description above includes the issue number(s) with a closing keyword: "Fixes #ISSUE-NUMBER".
• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [ ] I have commented my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings
• [x] The title of my pull request is a short description of the requested changes.
• [ ] I have made corresponding changes to the documentation
• [ ] My PR needs documentation change

[netlify[bot]]

✅ Deploy Preview for frontend-database ready!

Name	Link
🔨 Latest commit	a7853c4c84fba9ffa9cdd4b515335efb90931689
🔍 Latest deploy log	https://app.netlify.com/sites/frontend-database/deploys/652ac57808d3b000081f4d7e
😎 Deploy Preview	https://deploy-preview-53--frontend-database.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pr-explainer-bot[bot]]

Pull Request Report

Hey there! 👋 Here's the report for the pull request:

Changes

1. Modified ProjectList.json:
   • Added a new project called "Color Selector" by Vishnu Sandeep.
   • Updated the description of the "Finance Graph" project.

Suggestions

No suggestions provided.

Bugs

No bugs found.

Improvements

1. In the index.html file of the "Color Selector" project:

   • Line 14: Remove the empty title tag.
   • Line 16: Add a space after the media attribute in the style tag.
   • Line 23: Move the closing </div> tag to a new line for better readability.
   • Line 29: Add a space after the opening <table> tag.
   • Line 30: Add a space after the opening <tr> tag.
   • Line 31-45: Add a space after the opening <td> tag in each row.
   • Line 46: Add a space after the opening <tr> tag.
   • Line 47: Add a space after the opening <td> tag in each row.
   • Line 48: Add a space after the opening <tr> tag.
   • Line 49: Add a space after the opening <td> tag in each row.

2. In the index.js file of the "Color Selector" project:

   • Line 1: Add a space after the let keyword.
   • Line 2: Add a space after the = operator.
   • Line 4: Add a space after the forEach method.
   • Line 5: Add a space after the addEventListener method.
   • Line 6: Add a space after the => arrow function.
   • Line 7: Add a space after the const keyword.
   • Line 9: Add a space after the = operator.

Rating

I would rate the code a 7 out of 10 based on the following criteria:

• Readability: The code is generally easy to read and understand, but there are some areas that could be improved for better clarity.
• Performance: The code seems to be efficient and doesn't have any major performance issues.
• Security: The code doesn't have any obvious security vulnerabilities.

That's it for the report! Let me know if you need any further assistance. 😄

[dev-AshishRanjan]

You can also checkout our Idea-Arca, the project idea bank for any languages, for open-source contributions. The PR from this repo is being accepted in hacktoberfest2023

Happy Contributing season! Keep up the good work!