AppStack is a responsive, user-friendly web application built using React, Firebase, and Tailwind CSS. It includes modern UI design, user authentication, profile management, and protected routes — making it a complete app browsing solution.
To provide users with a clean and interactive platform for browsing apps, managing profiles, and contacting the support team — all with Firebase-secured authentication and a mobile-first interface.
- 🔐 Email & Google Authentication (Firebase)
- 🧑 Profile Management (Edit Profile Info)
- 🔒 Protected Routes with React Router
- 💬 Contact Form with support info
- 📱 Fully Responsive Layout (Tailwind)
- 🧭 Carousel for App Display (Swiper / Slick)
- 📆 Date Formatting (date-fns)
- 🧠 SEO-Ready with React Helmet Async
- Frontend: React, Tailwind CSS, Vite
- Routing: React Router DOM
- Authentication: Firebase
- Deployment: Netlify
| Package | Description |
|---|---|
react-router-dom |
Routing and protected pages |
react-icons |
Beautiful icons |
firebase |
Auth and backend services |
swiper |
Swiper-based carousel |
react-slick |
Slick-based carousel alternative |
slick-carousel |
Styles for Slick slider |
date-fns |
Format and manipulate date/time |
react-helmet-async |
SEO optimization |
tailwindcss |
Utility-first responsive design |
vite |
Fast modern frontend tooling |
Follow the steps below to run this project on your local machine:
# Clone the repository
git clone https://github.com/mdshahariarhafizofficial/appstack.git
# Go into the project directory
cd appstack
# Install dependencies
npm install
# Start the development server
npm run dev
⚠️ Firebase config must be set in.envfile before starting the server.
- 🌍 Live Site: https://appstack-apps-store.netlify.app/
- 🧑💻 Developer GitHub: mdshahariarhafizofficial
- 📧 Email: shahariar.works@gmail.com
This project is licensed under the MIT License.