Skip to content

sojib076/-Pet-Care-Tips-Stories-Front-End

Repository files navigation

Pet Tips & Story Share Website

Overview

Welcome to the Pet Tips & Story Share website! This application is built using Next.js and Tailwind CSS, providing a sleek and responsive front-end experience for pet lovers. The platform allows users to share tips, stories, and connect with other pet owners.

Live Demo

Check out the live version of the website here. Backend Repo here.

User Credentials

Features

  • User Roles: Two distinct roles for users: Admin and User.
  • Post Creation: Users can create and share their posts about pet care tips and stories.
  • Premium Content: Users can make payments to access premium posts.
  • Engagement: Users can upvote and downvote posts, comment on them, and interact with other users.
  • Follow Other Pet Owners: Users can follow other pet owners to see their posts in a personalized feed.
  • PDF Generation: Users can generate PDFs based on their pets' name, age, and calorie needs.
  • Admin Capabilities: Admins can create posts, view all users and their posts, manage user accounts by blocking or unblocking them, and unpublished any posts.
  • Payment Tracking: Admins can view all transactions related to premium content access.
  • Password Management: Both users and admins have options to reset forgotten passwords and update their passwords.

Technologies Used

  • Next.js: A React framework for building server-side rendered applications.
  • Tailwind CSS: A utility-first CSS framework for styling and responsive design.
  • Nextauth: it help to social media login .
  • Amarpay: A payment processing platform for handling transactions.
  • MongoDB: A NoSQL database for storing user and post data.
  • Mongoose: An Object Data Modeling (ODM) library for MongoDB and Node.js.
  • React Hook Form: A library for managing form state and validation in React applications.
  • React-Query: A library for managing server state in React applications.
  • Axios: A promise-based HTTP client for making requests to the server.
  • React-Toastify: A library for displaying notifications in React applications.
  • PDF-LIB: A library for generating PDFs in the browser.
  • React-Quill: A rich text editor for creating posts.
  • lucide-icons: A library of popular icons for React applications.
  • Vercel: A cloud platform for deploying applications.

Getting Started

Prerequisites

Make sure you have the following installed:

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/pet-tips-and-story-share.git