App Cart is a dynamic web platform where users can browse, install, and review categorized applications. With secure user authentication, personalized profiles, and an elegant UI, App Cart delivers a seamless experience for app discovery and feedback.
🌐 Live Site: https://app-cart-e37e9.web.app
- 📋 Browse Apps – View categorized app listings with descriptions and media.
- 🧩 Install / Uninstall Apps – Manage your own app collection.
- ✍️ Review System – Only installed apps can be reviewed by the user.
- 👤 Profile Customization – Update your display name and profile photo.
- 🔐 Protected Routes – Ensure secure access to user-specific pages.
- 🔍 Dynamic Page Metadata – Titles and meta info via React Helmet.
- 🔔 Real-Time Toast Alerts – Feedback for login, installation, and review actions.
- 📱 Responsive Design – Fully adaptable layout for all screen sizes.
| Technology | Description |
|---|---|
| React + Vite | Frontend framework with fast bundling |
| Tailwind CSS + DaisyUI | Utility-first and component-based styling |
| Firebase | Authentication and user data |
| React Router DOM | Client-side routing |
| React Toastify | Toast notification system |
| React Helmet | Dynamic document head management |
| Swiper | App carousel and sliders |
| React Pro Sidebar | Sidebar navigation |
| React Tabs | Tabbed content switching |
firebasereact-router-domreact-toastifyreact-tabsswiperreact-icons@dr.pogodin/react-helmetreact-countupreact-intersection-observerreact-pro-sidebartailwindcssdaisyui
Clone and run App Cart on your local machine:
# 1. Clone the repository
git clone https://github.com/your-username/app-cart.git
# 2. Navigate into the project folder
cd app-cart
# 3. Install dependencies
npm install
# 4. Run the development server
npm run dev