Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE] Add logo, search bar, total count of post by user, contact page, and beautiful footer with copywrite tag, and stick the mode theme on every routing page #203

Open
AnkitMourya12 opened this issue May 12, 2024 · 4 comments
Labels
feature Adding new feature on top of the existing code

Comments

@AnkitMourya12
Copy link

Description

  1. Logo & Search Bar: Integrate a logo at the top-left corner and a search bar aligned to the right in the navigation bar for easy access to search functionalities.

  2. Total Post Count by User: Display the total count of posts made by each user either on their profile page or alongside their username on each post for better user engagement and recognition.

  3. Contact Page: Create a dedicated contact page with a form or contact details to facilitate communication between users and the site administrators.

  4. Beautiful Footer: Design a visually appealing footer section with essential links, social media icons, and a copyright tag for a polished and professional look across all pages.

  5. Theme Stickiness: Implement a feature to ensure that the chosen theme remains consistent across all routing pages, maintaining a cohesive visual experience for users throughout their navigation journey.

Use Case

These features enhance user engagement, site navigation, and branding, ensuring a seamless and professional experience for all visitors.

Proposed Solution

  1. the logo into the website's header by adding an tag with the logo image file.
  2. utilize a pre-built search component from a frontend framework like Bootstrap or Materialize.
  3. Implement a backend function to calculate and store the total post count for each user in the database.
  4. Create a new HTML page for the contact form or contact details. Use Node.js, or other backend languages to handle form submissions and send emails.
  5. Apply the chosen theme dynamically to each page by using CSS variables or dynamically loading the appropriate CSS file based on the user's preference. JavaScript can be used to handle this logic.

Additional Information

No response

Attachments

wonder1

and last foorter and and counts and contact details

@AnkitMourya12 AnkitMourya12 added the feature Adding new feature on top of the existing code label May 12, 2024
@AnkitMourya12 AnkitMourya12 changed the title [FEATURE] Add logo, search bar, total count of post by user, contact page, and beautiful footer with copy right tag, and stick the mode theme on every routing page [FEATURE] Add logo, search bar, total count of post by user, contact page, and beautiful footer with copywrite tag, and stick the mode theme on every routing page May 12, 2024
@AnkitMourya12
Copy link
Author

I want to work on this Issue. please @krishnaacharyaa assign me this issue . under GSSoc'24

@krishnaacharyaa
Copy link
Owner

That's a real nice attention to detail, thank you for your insightful inputs. We'll take one thing at a time :). And as we discussed kindly lets take up the playwright E2E testing

@AnkitMourya12
Copy link
Author

AnkitMourya12 commented May 12, 2024 via email

@rushil-b-patel
Copy link
Contributor

Should I work upon this..! @AnkitMourya12 @krishnaacharyaa

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature Adding new feature on top of the existing code
Projects
None yet
Development

No branches or pull requests

3 participants