GiftVista Pro is a high-end, production-ready gift discovery platform. It transforms the stress of gift-giving into a delightful, interactive experience using a sophisticated React-based architecture and a "Pro-Aesthetic" design system.
| 🌟 Pearl (Light Mode) | 🌑 Obsidian (Dark Mode) |
|---|---|
 |
 |
Tip
Toggle the theme using the 🌓 button in the navigation bar to experience the custom mesh gradients and background blobs!
A multi-step, state-driven discovery engine that filters gifts based on:
- Recipient Personality (Friend, Partner, Colleague, etc.)
- Occasion Type (Anniversary, Birthday, Holiday)
- Budget Range (From budget-friendly to Ultra-Luxury)
- Mesh Gradients: Moving radial backgrounds that eliminate "clinical" flat colors.
- Glassmorphism 2.0: Frosted glass containers with high-fidelity blur and depth.
- Micro-Animations: Powered by Framer Motion for a "living" UI experience.
- Noise Texture Overlay: Subtle grain overlay for a premium, non-digital surface feel.
A social discovery prototype where users can see trending gifts and share their successful gifting stories.
graph TD
A[App.jsx] --> B[Navbar]
A --> C[Routes]
A --> D[Footer]
C --> E[Home Page]
C --> F[Gift Finder Quiz]
C --> G[Community Feed]
F --> H[State Management]
H --> I[Filtered Results]
- Frontend Framework: React 19 (Hooks, Context, Functional Components)
- Styling: Tailwind CSS v4 (Modern Theme Engine)
- Motion: Framer Motion (Orchestration & Keyframe Animations)
- Icons: Lucide React (SVG-based performance)
- Routing: React Router 7 (SPA Navigation)
- Clone the repository:
git clone https://github.com/neev21-alt/Project.git
- Navigate to project folder:
cd Project - Install dependencies:
npm install
- Run in development mode:
npm run dev
- Build for production:
npm run build
Distributed under the MIT License. See LICENSE for more information.
Crafted with ❤️ by Neev Savla