https://github.com/ratul8863/app-store-a9
AppStore – Discover, install & review apps by category. Built with React, Firebase, and Tailwind CSS.
https://github.com/ratul8863/app-store-a9
daisyui firebase react sweetalert2 tailwindcss
Last synced: 2 months ago
JSON representation
AppStore – Discover, install & review apps by category. Built with React, Firebase, and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/ratul8863/app-store-a9
- Owner: Ratul8863
- Created: 2025-06-25T06:51:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-25T08:55:49.000Z (about 1 year ago)
- Last Synced: 2025-06-25T09:44:22.361Z (about 1 year ago)
- Topics: daisyui, firebase, react, sweetalert2, tailwindcss
- Language: JavaScript
- Homepage: https://appstore-by-ratul.web.app/
- Size: 87.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📱 AppStore – Discover & Manage Your Favorite Apps
Welcome to **AppStore**, a user-friendly platform to discover, explore, install, and review apps across various categories like Education, Productivity, and Gaming. Built with React and Firebase, it offers a smooth, responsive, and engaging experience for all users.
---
## 🚀 Live Demo
👉 [Visit Live Site](https://appstore-by-ratul.web.app)
---
## 🎯 Project Purpose
This project simulates a modern App Store platform with essential features including:
- Category-based browsing
- Secure authentication
- Dynamic routing
- Personalized profiles
- Interactive reviews.
It focuses on real-world SPA features and responsive design to create a professional user experience.
---
## 🔑 Key Features
- 🔐 **Authentication** (Email/Password + Google Login) with Firebase
- 🎞️ **Homepage Slider** showcasing featured/promoted apps
- 📈 **Trending Apps** section sorted by top ratings
- 🗂️ **Browse Apps by Category**: Education, Gaming, Productivity
- 📦 **App Details Page** with install/uninstall toggle
- 📝 **Submit Reviews** (text + 1–5 rating) – allowed only if app is installed
- 🧑💻 **My Profile Page**: view and update name & photoURL
- ➕ **Extra Route/Page** for additional custom functionality
- ❌ **404 Not Found Page** for invalid routes
- 🔁 **Persistent Login** using `onAuthStateChanged`
- 🌐 **Dynamic Page Titles** using `react-helmet-async`
- 📱 **Responsive Design**: Mobile, Tablet, Desktop
---
## 🛠️ Tech Stack
### ⚛️ Frontend
---
- Step 1: Clone the client repository
--https://github.com/yourusername/appstore-client.git
- Step 2: Navigate into the project folder
--cd appstore-client
- Step 3: Install dependencies
npm install
- Step 4: Create a `.env` file with the following variables
VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_messagingSenderId
VITE_appId=your_appId
- Step 5: Run the development server
npm run dev
## 📦 NPM Packages
```bash
firebase
react-router-dom
react-toastify
sweetalert2
react-helmet-async