harshalhonde21 / EcommerceSpectastyle

Through this project, we aim to not only learn but also innovate, leveraging the power of the MERN stack to create scalable and efficient solutions. By incorporating cutting-edge warehouse management techniques, we're poised to deliver a comprehensive Ecommerce platform that sets new standards in online retail
https://spectastyle.vercel.app
98 stars 135 forks source link

Make the Counter in website for user Visiting. #12

Closed harshalhonde21 closed 6 months ago

harshalhonde21 commented 6 months ago

Issue Title: Implement User Visit Counter on Website

Description: As part of enhancing user engagement and tracking website traffic, we aim to implement a user visit counter feature on our website. This feature will display the total number of visits to the website, providing valuable insights into user activity and popularity of our platform. The user visit counter should be prominently displayed on all pages of the website, ensuring visibility to users and stakeholders.

Acceptance Criteria:

Incremental Counter: The user visit counter should increment by one each time a user visits any page of the website. Persistent Count: The counter value should persist across page refreshes and user sessions, ensuring accurate tracking of total visits. Display Consistency: The counter display should be consistent across all pages of the website, maintaining uniformity in user experience.

The Counter should be display on Navbar right hand side. image

PriyanshiAgrawal1345 commented 6 months ago

Please assign this issue to me

harshalhonde21 commented 6 months ago

@PriyanshiAgrawal1345 what are your approach to do this just tell after that we will decide, explain in visually and this like stuff.

SaranshBangar commented 6 months ago

Resolved in PR #24

harshalhonde21 commented 6 months ago

Resolved in PR #24

Not really

Latish705 commented 6 months ago

@harshalhonde21 I would like to work on this issue . My approach would be to make a api endpoint which will increment the counter whenever a user visit the website

abhiperfect commented 6 months ago

Subject: Implementing User Visit Counter Feature

Hi @harshalhonde21 ,

I hope this message finds you well. I'm excited about tackling a new task to enhance your website's functionality and improve user engagement.

I would like to tackle this issue.

Steps to Solve:

  1. Frontend Integration (ReactJS):

    • Create a component to display the visit counter on the website interface.
    • Integrate the component into relevant pages where the counter should be visible.
  2. Backend Implementation (Node.js):

    • Set up a server-side endpoint to handle requests for updating and fetching the visit count.
    • Implement logic to increment the visit count each time a user accesses the website.
  3. Database Interaction:

    • Choose an appropriate database (e.g., MongoDB) to store the visit count data.
    • Establish connections and schema for storing and retrieving visit count information.
  4. Client-Server Communication:

    • Implement communication between the frontend and backend to update and fetch the visit count.
    • Utilize RESTful APIs or GraphQL for efficient data transfer.
  5. Testing and Deployment:

    • Thoroughly test the functionality to ensure accurate tracking of user visits.
    • Deploy the updated website with the visit counter feature to the production environment.
  6. Monitoring and Maintenance:

    • Set up monitoring tools to track the performance and usage of the visit counter feature.
    • Regularly maintain and optimize the implementation to ensure scalability and reliability.

I'm eager to take on this challenge and contribute to the enhancement of your website. Your guidance and feedback throughout the process would be greatly appreciated.

Best regards, Abhishek

harshalhonde21 commented 6 months ago

Great guys, you can go with PR I will merge who's PR is beat

abhiperfect commented 6 months ago

Great guys, you can go with PR I will merge who's PR is beat Hello sir,

Now that this feature is working perfectly for localhost, how should we proceed further?

harshalhonde21 commented 6 months ago

it should be work in production

abhiperfect commented 6 months ago

Look your production deployment this feature is working fine their: https://ecommerce-spectastyle-git-fork-94443d-harshalhonde21s-projects.vercel.app/

Screenshot 2024-05-11 225040

it should be work in production

Yes, it will work in production. I have commented out some instructions where I modified or updated the file. First, you need to deploy your server with my updated code. Then, you can change the URL at the frontend.

harshalhonde21 commented 6 months ago

completed