Skip to content

An interactive platform that enable users to explore and contribute to a database of alternative product information, including queries, recommendations, and user-created contents.

Notifications You must be signed in to change notification settings

rafiferdos/swap_savvy

Repository files navigation

Swap Savvy

This is a React application designed to serve as an Alternative Product Information System. Users can interact with the system to add, update, and delete queries about products. Additionally, users can view queries for alternative products, along with details and recommendations. The system also allows users to add and delete recommendations for certain products, as well as modify or delete their own comments.

Features

  • User Query Management: Users can seamlessly add, update, and delete queries about products within the system.
  • Query Viewing: Users can access queries for alternative products on the website, viewing details and additional recommendations.
  • Recommendation System: Users have the ability to add recommendations for specific products, enhancing the collaborative aspect of the platform.
  • Secure Authentication: The website employs JWT authentication for enhanced security, ensuring user data remains protected.
  • Interactive UI: Built using React and styled with Tailwind CSS and DaisyUI, the website offers a visually appealing and user-friendly interface for smooth navigation.

Technologies Used

  • React
  • Axios
  • React Router DOM
  • React Hook Form
  • React Icons
  • React Spinners
  • SweetAlert2
  • Swiper
  • Tailwind CSS
  • DaisyUI
  • React Parallax Tilt
  • React Animated Cursor

Installation

  1. Clone the repository: git clone https://github.com/your-username/your-repository.git
  2. Navigate to the project directory: cd your-repository
  3. Install dependencies: npm install
  4. Start the development server: npm run dev

New Features and Changes

  1. Custom Cursor all over the website
  2. Added blank image for queries without images
  3. Added new animations for the website
  4. Added Parallax Tilt for the website for a parallel effect
  5. Refactor the toast messages style sync to the websites theme

Live Website

Visit www.swapsavvy.com to explore the live website and its functionalities.

Contributors