Skip to content

Latest commit

 

History

History
96 lines (67 loc) · 2.2 KB

README.md

File metadata and controls

96 lines (67 loc) · 2.2 KB

Fullstack Product Management Application

Refurbished phone selling website

This project is a full-stack web application built with the MERN stack (MongoDB, Express.js, React.js, Node.js) to manage and display product information. The application features searching, filtering, sorting, and pagination functionalities. Additionally, it includes authentication via Google and Email/Password using Firebase.

Necessary packages

  • React
  • Axios
  • prop-types
  • react-hook-form
  • react-hot-toast
  • react-icons
  • React Router Dom
  • Tailwind
  • DaisyUi
  • React icon
  • Flowbite-react
  • react-loader-spinner
  • react-tooltip
  • sweetalert2

For Authentication

  • Firebase

How to run this web app

  • clone or download
  • npm install
  • creact a .env.local file for api_keys
  • npm run dev

  1. Setup and Basic Structure:

    • MERN stack project setup.
    • APIs for fetching product data.
    • Dummy product data (at least 40 items) inserted into the database.

  2. Pagination:

    • Backend pagination for efficient data loading.
    • Frontend display of page numbers with navigation buttons (Next, Previous).

  3. Searching:

    • Search products by product name.

  4. Categorization:

    • Filter products by:
      • Brand Name
      • Category Name
      • Price Range

  5. Sorting:

    • Sort products by:
      • Price (Low to High, High to Low)
      • Date Added (Newest first)

  6. Authentication:

    • Google Authentication using Firebase.
    • Email and Password Authentication using Firebase.

  7. UI Instructions:

    • Mobile-first responsive design.
    • Fixed-size product cards.
    • Navbar with website name/logo and relevant routes.
    • Footer with necessary information and links.

  8. Additional Notes:

    • Clean, well-commented code following best practices.
    • At least 10 meaningful commits on both frontend and backend.
    • Separate README files for frontend and backend repositories.

Project Setup

  1. Clone Repository

cd refurbished-mobile-client

git-client clone

 https://github.com/developerMohib/refurbished-mobile-client.git

cd refurbished-mobile-server

git-server clone

https://github.com/developerMohib/refurbished-mobile-server.git