Dev Mart

Description

Dev Mart is a modern app marketplace web application built with React and Tailwind CSS. Users can explore, search, and install apps, view app details, and track installed apps with local storage support. The platform also includes interactive charts to visualize app ratings and reviews.

Features

• Explore trending apps with details including downloads, reviews, and ratings.
• Search and filter apps in real-time.
• Install apps and manage installed apps using LocalStorage.
• View detailed app pages with charts showing review distribution.
• View installed apps sort by downloads.
• Custom responsive header, footer, and error pages.
• Loading animations for smooth UX.

Technologies

• React
• React Router
• Tailwind CSS
• DaisyUI
• Recharts
• LocalStorage
• React Icons
• Toastify
• SweetAlert2

Dependencies

  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^7.0.1",
    "@fortawesome/free-brands-svg-icons": "^7.0.1",
    "@fortawesome/free-regular-svg-icons": "^7.0.1",
    "@fortawesome/free-solid-svg-icons": "^7.0.1",
    "@fortawesome/react-fontawesome": "^3.0.2",
    "@tailwindcss/vite": "^4.1.13",
    "axios": "^1.12.2",
    "react": "^19.1.1",
    "react-countup": "^6.5.3",
    "react-dom": "^19.1.1",
    "react-icons": "^5.5.0",
    "react-router": "^7.9.3",
    "react-toastify": "^11.0.5",
    "recharts": "^3.2.1",
    "styled-components": "^6.1.19",
    "sweetalert2": "^11.25.0",
    "tailwindcss": "^4.1.13"
  }

Pages

• Home Page: Navbar, Banner, state cards, trending apps section, navigation.
• All Apps Page: Live search, app listing.
• App Details Page: App info, install button, review chart, description.
• My Installation Page: Manage installed apps with uninstall functionality ,Sort by downloads.
• Error Page: Custom page for invalid routes and not found app.

🚀 Getting Started (Local Setup)

To view and run this project locally, follow these simple steps:

1. Clone the repository:

   git clone https://github.com/TheMamunDev/DevMart.git

2. Navigate to the project directory:

   cd DevMart
   npm install
   npm run dev

Live Demo

https://dev-mart-hero.netlify.app/

GitHub Repository

https://github.com/mhmamun86/DevMart