Added Whole website JavaScript Projects Showcase with Search and Admin Update Functionality

[JayeshYadav99]

Developer Checklist

• [ x] Followed guidelines mentioned in the readme file.
• Followed directory structure. (e.g. ProjectName/{USERNAME}/...yourfiles)
• Starred ⭐ the Repo (Optional)

Pull Request Title: Added JavaScript Projects Showcase with Search and Admin Update Functionality
Issue:#942
Description:
This pull request introduces a new feature to our website that showcases various JavaScript projects. It includes a search feature to easily find specific projects. Additionally, an admin update functionality has been implemented to allow administrators to add new projects via the /Update route.

Changes Made:

• Added a new page to showcase JavaScript projects.
• Implemented a search functionality to quickly find projects by name or keyword.
• Introduced an admin update route /Update for adding new projects.
• Enhanced the user interface for a seamless experience.
  Here is deployed url:
  https://testing-website-three.vercel.app/
  please see

Screenshots:

Video

Javascript.Mini-Projects.-.Google.Chrome.2023-10-15.20-29-39.mp4

Please see this video

Testing:

• Performed extensive testing to ensure the search and admin update functionalities work as expected.
• Tested the new feature on different devices and browsers to ensure responsiveness.
• Verified that the admin update functionality only allows authorized users to add projects.

To-Do:

• Add detailed documentation for the admin update route.
• Conduct further testing for edge cases and performance optimizations.
• Address any feedback and suggestions from the team.

Related Issues:

• Closes #IssueNumber (if applicable)

Additional Notes:

• This feature is expected to improve the user experience and provide better project management options for administrators.

---

[JayeshYadav99]

@NitkarshChourasia ,please merge my pull request

[PBJI]

@JayeshYadav99, Doesn't seems to be including the complete source code? How shall we contribute?

[PBJI]

@JayeshYadav99, @PBJI, @NitkarshChourasia and @harshalhonde21 so now we have two front-ends competing with other. Opinions?

[PBJI]

Although I'll like to add one thing here, @JayeshYadav99 the cards are too much of a bragging and performance dropper with that animation. I think it will be much more better if it could simpler like this:

[NitkarshChourasia]

Although I'll like to add one thing here, @JayeshYadav99 the cards are too much of a bragging and performance dropper with that animation. I think it will be much more better if it could simpler like this:

Yes, but different people, different perspectives.
But, that is very brightening, gives a feeling of celebration.

[NitkarshChourasia]

What stacks and frameworks were used? @JayeshYadav99?? @PBJI?

[PBJI]

@NitkarshChourasia yes celebration wise, it looks stunning. can there be a middle ground I hope so...?😅 That doesn't catch users attention away from the projects, already hosted on the repository? UI can come later though, the real thing is to make it automatic and self-sufficient project that doesn't need to be maintained much once developed.

Functionality > Aesthetics in the start. But you know one thing, if a team of completely co-operative members work then both can go hand in hand. That's idealistic but yet compelling, haha anyways. I think React + Vite is the tech stack used with tailwind as css framework, here.

[NitkarshChourasia]

To be honest. I don't know what is doing what!
I am here, like a employee in a big service company.
Just hanging around, team lead says to incorporate into the project.
And yet he does it.

• I don't know who is leading.
• Who is assigned what.
• Don't know the tech stack.
• Not even a suggestion, for what and what not.
• No documentation or README.md of requirements, and implemented.
• Where is SPM methods?!
• Requirements are not clearly set. What is needed is not know.
• CLEAR requirements are missing.
• If not the project is delaying. Because I haven't touched anything except reviews, that too avoided.

[NitkarshChourasia]

@PBJI @harshalhonde21

[PBJI]

@NitkarshChourasia but who told you to play that role? We are not big company, I guess it is more sensible to treat ourselves as a startup and being in a start up you need to be self-starting instead of being baby sitted.😂

For tech stack I already have specified what we are using, you should read the README.md of the main repo, there @harshalhonde21 have stuck the badges for each tech. From those most important ones for frontend are:

ReactJS, React Route, Material UI, Vite.

Rest is upon how you research about them.

Also you were assigned to make the Contacts Component.

[harshalhonde21]

@PBJI true 🤣

[PBJI]

@NitkarshChourasia look I totally understand your intention but you need to understand that we are not using the waterfall method. We are using the agile model, where requirements are all creeping up with time, so you have to be in that mood yourself to truly be able to contribute any hard-coding. Currently I am working on Projects.jsx, there I first thought to add the cards that represent the existing project categories becauseI imagined that the users might need some functionality to click on it and choose from the various instances of the project contributed in each category. So now my aim is to implement that feature.

So the development is going with the user in mind. That is the best advice I can give you, develop the app with the user in mind. They need to be comfortable enough to explore the projects and also this project needs to be dynamic enough to incorporate new mini projects added to repo. How we will do this, what will be used? Is a matter of research. If we ourselves understood the requirements properly then why would we wait to implement it all of it.

[NitkarshChourasia]

@PBJI So, got it. Thanks.
@harshalhonde21 Will reserach first.
Okay. Thanks.
This clearity wasn't there also.
At least this is better then before.
Because, this gives me the sense that I am free to implement the best features.
I was in a sense that you guys are leading, and I am following the leads.

[NitkarshChourasia]

@PBJI I was in a miunderstanding that, we are working in that way, the way I said, last night.
But, thanks for clearity as how we are working, I thought the other way around the way I said before so.
So, that's where the misunderstanding was arising from.
Thank you so much, though, @PBJI .