feat: Added customization of component by user in style share successfully Issue customize 142

[MeetDOD]

Pull Request Resolves [#142 ]

Title: Added customization of component by user in style share successfully.

Description

1. In backend: Implemented route and controller, in controller imlemented gemini api.
2. In frontend: Route to navigate from post page to customize page and posting to server and fetching from gemini api.
3. For get response user should be logged in and verified.
4. Preview is available for both the code original + created by gemini.
5. Added toast for almost all button click.
6. For working in your system add your api key in .env at API_KEY=" ".
7. For api key go to https://ai.google.dev/aistudio , sign in and then click on,

after that click on create API key

create project or just click on any existing and you good to go...

Related Issues

Fixes #142

Changes Made

New features: Added customization of component by user in style share.

Screenshots

Video

Style.Share.-.Google.Chrome.2024-06-09.01-24-47.online-video-cutter.com.1.mp4

I certify that I have carried out the relevant code of conduct and provided the requisite screenshot for validation by submitting this pull request.

Thank You for this contribution.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
style-share	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 9, 2024 4:03pm

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[MeetDOD]

@VaibhavArora314 It was fun to make this feature and also i learned a lot of things because of you. So, thank you buddy 😄

[VaibhavArora314]

Good work, since there is a big feature so I will take some time to review it completely

[MeetDOD]

Sure @VaibhavArora314 No prob :)

[MeetDOD]

@VaibhavArora314 there is a conflicts should i resolved it or you will do it ?

[VaibhavArora314]

@VaibhavArora314 there is a conflicts should i resolved it or you will do it ?

yes resolve merge conflicts

[VaibhavArora314]

hey @MeetDOD, I was viewing the deployment and saw that I was several times getting this error

upon reviewing the logs, I found that the deployment has each request have a 10sec limit and the response is taking more than that causing this error. This is probably due to Gemini taking too much time.

is there any work for this?

[MeetDOD]

@VaibhavArora314 did you giving the api key in .env ?

[VaibhavArora314]

@VaibhavArora314 did you giving the api key in .env ?

Yes, I specified the api key and I am getting results also but the issue is most of the time request timeout.

[MeetDOD]

So, what should be the solution now ?

[VaibhavArora314]

So, what should be the solution now ?

Don't worry, I am merging this for now. And will try some possible solutions to see it is possible to resolve this.

[github-actions]

🎉 Your pull request has been successfully merged! 🎉 Thank you for your valuable contribution to our project. Your efforts are greatly appreciated. Feel free to reach out if you have any more contributions or if there's anything else we can assist you with. Keep up the fantastic work! 🚀