https://github.com/aman-yadav-1/vibeharbor
Vibe Harbor offers a curated selection of calming sounds and ambient music to enhance focus, relaxation, and productivity. Discover a tranquil escape with nature-inspired audio tracks, perfect for meditation, work, or unwinding after a long day.
https://github.com/aman-yadav-1/vibeharbor
api ecommerce-website headphones react reactjs redux redux-toolkit restful-api tailwindcss
Last synced: 3 months ago
JSON representation
Vibe Harbor offers a curated selection of calming sounds and ambient music to enhance focus, relaxation, and productivity. Discover a tranquil escape with nature-inspired audio tracks, perfect for meditation, work, or unwinding after a long day.
- Host: GitHub
- URL: https://github.com/aman-yadav-1/vibeharbor
- Owner: Aman-Yadav-1
- License: apache-2.0
- Created: 2024-05-31T13:41:40.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-17T09:56:28.000Z (11 months ago)
- Last Synced: 2025-01-12T10:15:24.230Z (5 months ago)
- Topics: api, ecommerce-website, headphones, react, reactjs, redux, redux-toolkit, restful-api, tailwindcss
- Language: JavaScript
- Homepage: https://vibe-harbor.vercel.app
- Size: 1.99 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# VibeHarbor 🎧
A premium audio e-commerce platform delivering exceptional sound experiences through carefully curated headphones and earbuds.
## ✨ Features
### For Users
- **Product Catalog**: Browse through premium audio equipment
- **Shopping Cart**: Seamless shopping experience with Redux state management
- **Responsive Design**: Perfect viewing on all devices
- **Animated UI**: Smooth transitions and modern interface
- **Support Developer**: Direct integration with Razorpay for developer support
### Technical Features
- Redux Toolkit for state management
- React Router for navigation
- Modern CSS with animations and gradients
- Responsive grid layouts
- Custom hooks for functionality
- Component-based architecture
## 🚀 Tech Stack
- **Frontend**: React 18
- **State Management**: Redux Toolkit
- **Routing**: React Router v6
- **Styling**: CSS3 with modern features
- **Icons**: FontAwesome
- **Payment**: Razorpay Integration
- **Version Control**: Git & GitHub
## 🛠️ Installation & Setup
1. **Clone the Repository**
```bash
git clone https://github.com/Aman-Yadav-1/VibeHarbor.git
README.md
Install Dependencies
cd VibeHarbor
npm install
Environment Setup Create a .env file in the root directory:
REACT_APP_RAZORPAY_KEY_ID=your_razorpay_key
Start Development Server
npm start
📁 Project Structure
src/
├── components/
│ ├── Header/
│ ├── Hero/
│ ├── ProductCard/
│ └── CartCard/
├── pages/
│ ├── Home/
│ ├── Cart/
│ └── About/
├── store/
│ ├── store.js
│ └── cartSlice.js
├── hooks/
│ └── useTitle.js
├── assets/
│ └── images/
└── styles/
└── App.css
🎯 Core Components
Header
Navigation
Cart status
Brand identity
Product Display
Grid layout
Product cards
Price display
Add to cart functionality
Shopping Cart
Item management
Total calculation
Developer support integration
About Section
Company mission
Features showcase
Technology highlights
Commitment statement
🔧 Available Scripts
npm start: Run development server
npm build: Create production build
npm test: Run tests
npm run eject: Eject from Create React App
📱 Responsive Design
Desktop: Full feature display
Tablet: Adapted grid layouts
Mobile: Optimized for small screens
Breakpoints at 1200px, 768px, and 480px
```
🤝 Contributing
- Fork the repository
- Create your feature branch (git checkout -b feature/AmazingFeature)
- Commit changes (git commit -m 'Add AmazingFeature')
- Push to branch (git push origin feature/AmazingFeature)
- Open a Pull Request
💖 Support
If you find this project helpful, consider supporting the developer through the "Help Developer" button in the cart section.
🔗 Connect
GitHub: @Aman-Yadav-1
[[Aman Yadav](https://aman-yadav.vercel.app/)]
[[Linkedin](https://linkedin.com/in/aman-yadav-ay)]
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgments
Create React App team
Redux team
React Router team
Razorpay for payment integration
All contributors and supporters
Made with ❤️ by Aman Yadav