4darsh-Dev / CogniGaurd

A web extension for identifying dark pattern on websites powered by Fine Tuned BERT Model for classificaiton on dark pattern custom dataset,
https://cogniguard.onionreads.com/
MIT License
27 stars 50 forks source link

[UI/UX] Adding a preloader for the web app #75

Closed 4darsh-Dev closed 4 days ago

4darsh-Dev commented 1 month ago

Description

Changes to be made

  1. Adding a website preloader using css and js which is good looking and also matches with color palletes.
  2. Propose the design first
  3. Task will be assigned after seeing your proposals.

Additional info

  1. Take reference from here - https://htmlburger.com/blog/website-preloaders/
  2. You can propose your own creative designs as well.
AsmitaMishra24 commented 1 month ago

I would like to work on this issue. Please assign me this task for GSSoC'24. @4darsh-Dev

AsmitaMishra24 commented 1 month ago

My Previous Work:-

https://github.com/4darsh-Dev/CogniGaurd/assets/146121869/21c675e7-082d-4eaa-bd9c-f6bb70395ed4

https://github.com/4darsh-Dev/CogniGaurd/assets/146121869/2302cd6c-76e2-472c-9e8b-1130c6e6ad5b

4darsh-Dev commented 1 month ago

great @AsmitaMishra24, assigned to you, try to match the primary colour code of the website, see CSS variables for reference

4darsh-Dev commented 1 month ago

⚠️[URGENT]⚠️ Reminder for GSSoC 24' Contributors Please join our CogniGuard Project #general GSSoC'24 Discord channel: Here you can discuss your queries and doubts with your mentors. See #109 issues section.

4darsh-Dev commented 1 month ago

⚠️[URGENT]⚠️ Reminder for GSSoC 24' Contributors Please join our CogniGuard Project #general GSSoC'24 Discord channel: Here you can discuss your queries and doubts with your mentors. See #109 issues section.

4darsh-Dev commented 3 weeks ago

any work update @AsmitaMishra24 ?

AsmitaMishra24 commented 3 weeks ago

any work update @AsmitaMishra24 ?

@4darsh-Dev, I will submit the PR by tomorrow.

4darsh-Dev commented 2 weeks ago

sure @AsmitaMishra24 let me know if you're facing any issues

AsmitaMishra24 commented 2 weeks ago

sure @AsmitaMishra24 let me know if you're facing any issues

@4darsh-Dev, I am getting an error of client-id so how can I create my client-id

4darsh-Dev commented 2 weeks ago

@AsmitaMishra24 , actually client-id is used for feature of Oauth login with google, google provides it in console management, you can just create a .env file in django-web-app directory with a dummy value, it should remove the missing error see readme

4darsh-Dev commented 1 week ago

any update @AsmitaMishra24 ?

Dharmi-dev commented 1 week ago

I am very excited to work on this issue with you, I will make pretty preloader according to the primary colours of the website please assign this issue to me

Dharmi-dev commented 1 week ago

Screenshot 2024-07-20 104300 Screenshot 2024-07-20 105749

AsmitaMishra24 commented 1 week ago

@4darsh-Dev, My laptop is experiencing some issues...so you can assign this to @Dharmi-dev

4darsh-Dev commented 1 week ago

assigned to you @Dharmi-dev , go through readme.md and contrib.md for project setup and guidelines. share the video preview then raise the pr.

4darsh-Dev commented 4 days ago

Hey @4darsh-Dev ! Thank you so much for your raising the issue💗 It’s all yours, you can come anytime again and make some contributions! 🚀 Alone, we can do little, but together we can do so much! 😇