Implemented User-Generated Content and Reviews Section

[Varsha-1605]

Related Issues

• Fixes: ✨[feature Request]: Implement User-Generated Content and Reviews Section #377

Description

1. User Content Management:

   • Tab-based interface for User Stories and Product Reviews
   • Forms for submitting stories, reviews, and feedback
   • Image upload capability for stories
   • Star rating system for product reviews
   • Dynamic loading and display of user-generated content
   • Content moderation system (pending status for new submissions)
   • Featured stories section with randomly selected entries
   • localStorage used for data persistence

2. Responsive Design and Navigation:

   • Bootstrap-based responsive layout
   • Fixed-top navbar with dropdown menu for mobile
   • Links to various sections (Home, About, Collections, etc.)
   • Footer with multi-column layout, including links and contact form
   • Back to Top button

3. Visual Design and Customization:

   • Custom color scheme using CSS variables
   • Custom fonts (Philosopher, Poppins)
   • Potential dark mode feature (CSS variables present)
   • Fade-in animations for new content

4. User Interaction and Feedback:

   • Notification system for successful submissions
   • Social media sharing functionality (placeholder)
   • Feedback form with different categories (suggestion, complaint, praise)

5. E-commerce Integration:

   • Cart link in the navbar
   • Product review system
   • Payment options mentioned in the footer

6. Authentication and User Management:

   • Login and Signup links in the navbar

7. Performance and Optimization:

   • Use of localStorage for client-side data storage
   • Lazy loading of content (stories and reviews loaded on demand)

8. Accessibility and SEO:

   • Semantic HTML structure
   • Alt text for images
   • Meta tags for viewport and character encoding

9. External Integrations:

   • Font Awesome for icons
   • Google Fonts for typography
   • Bootstrap for layout and components

10. Additional Features:

    • Contact form in the footer
    • Social media links
    • Copyright information
    • Exclusive offers section in the footer
    • Responsive background image with SVG

Type of PR

• Bugs
• Enhancement

Screenshots

Checklist

• I have gone through the contributing guide
• I have updated my branch and synced it with project main branch before making this PR
• I have performed a self-review of my code
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

Additional context:

Linked all the pages with the reviews page.

@Anjaliavv51 Kindly add all the required labels as per the task completion.

[github-actions]

Great job, @Varsha-1605! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[netlify]

✅ Deploy Preview for rococo-mooncake-0d89f7 ready!

Name	Link
🔨 Latest commit	96d27c4
🔍 Latest deploy log	https://app.netlify.com/sites/rococo-mooncake-0d89f7/deploys/670e692990e3bd0007d68493
😎 Deploy Preview	https://deploy-preview-454--rococo-mooncake-0d89f7.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Anjaliavv51]

@Varsha-1605 in more u add these user generator and analyzer , in dropdown content of more.

[Varsha-1605]

@Anjaliavv51 ok

[Anjaliavv51]

@Varsha-1605 ur implemnetation is good please resolve the conflicts and also place the added file in HTML Files folder.