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,

Hi 👋, I'm Adarsh Maurya

Full Stack Web Developer, programmer and tech enthusiast.

• 🔭 I’m currently working on MuskanAi

• 🌱 I’m currently learning DevOps, GenAI, LLMs

• 📝 I regularly write articles on https://onionreads.com/

• 💬 Ask me about HTML, CSS, JS, PYTHON, DJANGO, C, C++

• 📫 How to reach me [email protected]

Connect with me:

Languages and Tools:

cognigaurd's Issues

Hover buttons can be improved

Describe the solution you'd like
buttons can get a better hover feature as get stared it and get feedback are not syncing and is looking a bit odd

hover can be improved a bit

Feat: Font Change

The font of the 'Get started' and 'Give feedback' is different from the whole website, which makes the website a bit odd.

I would like to change the font of these button on the homepage.

Adding error page

When a user clicks on a page that is not defined an Error page should come to tell them and give option to redirect to the Home page
Current scenario

Expected result

Add Learn.md file

Add Learn.md file according to Gssoc guidelines

feature on home page

i want to add hover effect on the images on home page and animations

Improve the UI/Ux of the page

I have designed a new UI for Cogniguard to improve user experience and visual appeal. The new design includes updated layout, colors, typography, and interactive elements to enhance functionality and aesthetics.
Observations
I have also noticed that the logo has a misspelling for "Cogniguard." If you suggest, I can redesign the logo to correct this and align it with the new UI design.

Proposal
Here is the UI design I propose. I have tried to keep the elements and the content the same, making changes only to the layout. However, I can propose more design variations if requested.

Attachments

Feature Request: Add Theme Toggle Button to Navbar

**Description:
Problem: Bright interfaces strain users' eyes, especially in low-light conditions, lacking customization options.

Solution: Introduce a theme toggle button (black/dark blue) on the navbar for easy switching, enhancing user comfort and usability.

Benefits:

1>Reduced eye strain.

2>Enhanced customization.

3>Improved accessibility.

4>Modern aesthetics.

Labels: Feature Request, UI/UX, Customization,gssoc**

Attachments:

Assign me under Gssoc24.

Adding user experience section on home page

I want to add users experience page for good engagement, enhanced user satisfaction and for building trust and credibility.

Add login page

I can make a login page for this website
plaese assign me this issue.
Thank you

styling of hover in nav bar

want to change color of hover in nav bar

please assign me

[Feature] Propose a better UI/UX design for the web pages

Description

Changes to be made

1. Propose a new UI/UX design for the web pages using figma , canva or similar tools
2. Choose properly responsive font-size and color-palettes
3. Icons and images, vectors wherever needed.
4. CSS Animations and effects to make it more attractive.
5. Design for home,about,report ... and other pages

Screenshots

visit the live link : https://cogni-gaurd.vercel.app

Spelling errors

Browser spelling wrong.

[Logo] Propose a good logo design for CogniGuard

Description

Make a good logo which is visually appealing

1. you can use tools like canva, adobe logo maker, looka , and many more ...
2. free to use ai tools (image generations)
3. Don't use copyrighted things without permissions

Show some work samples, or the design.

Best Design will get the points.

Implement Closed Greeting Message

To enhance user experience and maintain consistency in communication, we should implement a closed greeting message for issues that have been resolved. This message will serve as a polite acknowledgment to the user that their issue has been addressed and encourage them to reach out again if they encounter any further concerns. Let's discuss and finalize the content and placement of this closed greeting message to ensure it aligns with our user engagement goals.

Issue with vercel.json python runtime deployment

Description

The project was build with python 3.11.5 so requirements.txt contains all the libraries accordingly,
But vercel is using python 3.12 which is creating issues and results in deployment failure.

Need to fix it,

already tried setting runtime 3.11.5 in vercel.json but it didn't work

Hover effect color in nav section & adding hover effects in footer

The color of hover effects in nav section is not pleasing & footer doesn't consists of hover effects on the links & the social media icons.

want to change documentation

want to give better documentation

The footer section gets overlapped with faq

*Describe the bug
When you scrolled down the footer section get's overlapped with the faq text which looks not good.

could you please assign me this issue under gssoc. I can fix this

[URGENT]Web App is Not Compatible with Small Screen Devices

The web application is not responsive, causing layout issues when viewed on different screen sizes, particularly on mobile devices. Elements are overlapping, text is misaligned, and the user experience is significantly affected.

What happened?
When accessing the web app on a mobile device or a smaller screen, the layout does not adjust appropriately. This results in overlapping text, misplaced elements, and a generally cluttered and unusable interface.

Expected Behavior:
The web app should be responsive and adjust its layout based on the screen size. Elements should be properly aligned, text should be readable, and the interface should be user-friendly on all devices.

Steps to Reproduce:

1. Open the web application on a mobile device or a small screen.
2. Navigate through different sections of the app.
3. Observe the layout issues and overlapping elements.

Screenshots:

Additional Information:

• Device: Mobile or small screen device
• Browser: Any
• OS: Any

Record

• I'm a GSSOC'24 contributor
• I want to work on this issue
• I agree to follow this project's Code of Conduct

hover the footer logo's

hover the social media icons with different colors
please assign me @pa

Add feature of popup detection

Add feature of popup detection and prepare write implementation details of your code
in steps.

Wanted to add contributors section in Readme.md file

List of Contributors in Readme.md file missing

Add Hover effect on the Navbar

Adding hover effect on the navbar.
I am a GSSOC'24 Contributor Please assign me this issue

adding linkedin.

adding linkedin in social media at footer

Add a meter for displaying transparency score on web extension

Add a meter like speedometer, displaying transparency score with three band of colours in synergy:

1. Red, Yellow and Green with band like rainbow ..
2. Add the html, css and js for displaying it in responsive manner.
3. The input value will range from 0 to 100.
4. Add extra features as well but write the documentation properly..

Fix the Readme file

Fix the Readme file, add and modify some more features.

changing styles and font

The website seems too basic. Adding some styles and font changes could make it more attractive

feature in about section

in about section last part is not appropriate I want to work on It please assign this feature under gssoc label

Update and enhance the Documentation.txt file

The look of the Documentation file is not right.
I can make the file look better by fixing the Font size, headings, indentation, etc. It'll be easily readable for everyone.

@4darsh-Dev Kindly label the issue and assign it to me.

[URGENT] Make Web pages responsive across android and i pad devices

Changes to be made:

1. Add hamburger menu button for android device and a beautiful navbar.
2. properly size boxes and font size for small devices.
3. update footer and narbar ( better appearence)
4. Make the contact form responsive

Pull Request Template Creation

I am writing to express my interest in contributing to your repository by creating a pull request template.
I believe that having a standardized template will help streamline the contribution process, ensuring that all necessary information is included and making it easier for maintainers to review and merge pull requests.
Could you please assign me the issue under gssoc24? I am excited about the opportunity to contribute to your project and help improve the workflow for all contributors.

change in documentation

want to change documentation of footer

please assign mee

Interactive front page

Describe the solution you'd like
the text on front page can go alternate(right and left) for user interaction and for enhancement

Additional context

Changes required on Footer

The current color contrast of the footer text is inadequate, making the font color difficult to read. Please assign the task to adjust the color contrast to ensure the font is clearly visible against the background.
The overall format of the footer needs improvement for better aesthetics and functionality. Please update the layout to ensure it is well-organized and aligns with the website’s design standards.

Also please add the labels gssoc and the level which you find appropriate for this issue. thank you!

adding hover effect to links in footer

adding hover effect to links in footer

Add GitHub Desktop Contribution Instructions

I am interested in contributing to the project by adding detailed instructions on how to contribute using GitHub Desktop.

I believe that by providing clear and comprehensive guidance, we can encourage more contributors to participate in the project, especially those who prefer using GitHub Desktop for their contributions.

Could you please assign me the issue related to adding GitHub Desktop contribution instructions under gssoc24? I am excited about the opportunity to contribute to the project and help streamline the contribution process for others.

Adding advertisement recoginition in popups.

Adding advertisement recoginition in popups using support vector machine(SVM).

improve footer

can improve the footer and add the social media icons with hover.
could you assign me this issue under GSSoC'24.

want to add hover to different images

want to add hover to different images

Transparency score calculation

Transparency score calculation based upon the following analysis:

1. Dark patterns detected by BERT fine-Tuned Model
2. No of popups that are being detected and their frequency of appearance.
3. JavaScript Code analysis for pre-checked boxes.

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

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.

Include feedback form

Would like to design a simple feedback form with a similar color interface as the website. @4darsh-Dev sir, please assign this issue to me under gssoc.

also, you would like to have a different page for feedback or just a pop up form

updating the footer

there is no change on hover for all the page links, social media icons present at footer and even no proper spacing and size of feedback and subscribe button.

adding dark mode

there will be a field(symbol) on right top corner for changing the mode of web to dark and again back to normal.

useful for the user as it help the user to use it and see content in better way and also useful for website as it gives a different look and experience.

using dark mode help user to-
Reduces eye strain
Gives a productivity boost
Saves battery life

want to add hover to social media icons

please assign me

Update the readme with features

1. update the documentation link
2. author section
3. contributing guidelines

updating the nav bar

there is no change on hover for element/pages/links present in nav bar. it is not look good and even creating problem for users.

Adding of Google Auth

Is your feature request related to a problem? Please describe.
I used to login with only one click using google . But this option is not here in this project.

Describe the solution you'd like
We can add google option for signing in and users can login without need to type and remember the password.

Additional context
Please add this under GSSOC'24. As this is backend change please assign level 3

credentials in web extension are hard coded which raise security issue

Description

Currently in web extension credentials of username and password for authentication from django api (rest framework) is hard coded
find ways to fix that security issue.
While sending post request it is converted to base64.

Propose changes and how it can be solved

Issue: "Know More" Button for "What are Dark Patterns" Leads to Home Page

The "Know More" button under the "What are Dark Patterns" section currently redirects users to the home page. Instead, it should lead to a dedicated page with more detailed information about dark patterns.

Steps to Reproduce

Navigate to the home page.
Scroll down to the "What are Dark Patterns" section.
Click on the "Know More" button.
Expected Behavior

The "Know More" button should redirect to a page that provides comprehensive information about dark patterns.

Actual Behavior

The "Know More" button redirects to the home page.
suggested solution.
Create a new page (e.g., /dark-patterns) with detailed information about dark patterns.
Update the link for the "Know More" button to point to the new page.
here as a page such that already exists in the what are dark pattern section. just the Lin can be updated.