🚀 A modern product query & recommendation platform built with React, Tailwind CSS, and Firebase.
AltPick is a sleek and responsive web application where users can post product-related queries and receive personalized recommendations from the community. It features a glowing UI experience, real-time interactions, authentication, and beautiful animations — all crafted using modern frontend technologies.
https://alt-pick-client.web.app/
- 🔐 Firebase Authentication for secure login
- 📦 Dynamic Recommendations system
- 🎨 Tailwind CSS for fast and scalable styling
- 🔄 Framer Motion & Motion for smooth animations
- 📡 Axios with Interceptors for secure API calls
- 🌐 React Router v7 for SPA navigation
- 🧠 React Helmet for SEO enhancement
- 📱 Fully responsive layout using Swiper.js
- 🔥 Lottie Animations for engaging UI moments
- 💬 SweetAlert2 + React Toastify for friendly notifications
| Tool / Library | Purpose |
|---|---|
⚛️ React 19 |
Frontend Framework |
🎨 Tailwind CSS 4 |
Utility-first CSS Framework |
🔥 Firebase |
Auth & Backend Services |
🌍 React Router v7 |
Routing |
💬 React Toastify |
Notifications |
💥 Framer Motion |
Animations |
🌀 Lottie React |
JSON-based animations |
📦 Axios |
API communication |
🧠 React Helmet Async |
SEO & Head management |
🧊 Swiper.js |
Carousel / Slider |
🎉 SweetAlert2 |
Alert modals |
# Install dependencies
pnpm install
# Run development server
pnpm dev
src/
│
├── assets/ # Images, animations and icons
├── components/ # Reusable components
├── pages/ # Page-level components
├── hooks/ # Custom hooks (e.g., useAxiosSecure)
├── routes/ # App routing
├── App.jsx # Main app file
├── index.css # Tailwind + custom styles
└── main.jsx # Entry point
Feel free to fork the repo, suggest features, or open issues. Every contribution makes AltPick better. 💙