A modern, full-featured social media account marketplace built with React and ChakraUI.
-
🔐 Secure Authentication
- Email/Password login
- Google OAuth integration
- Two-factor authentication
- Password recovery
-
💼 Account Management
- Multi-platform account listings (Instagram, TikTok, etc.)
- Detailed account metrics and analytics
- Account verification system
- Image galleries with lazy loading
-
💰 Transactions & Payments
- Secure payment processing via Flutterwave
- Escrow system for safe trades
- Transaction history and receipts
- Multiple currency support
-
👥 User Dashboard
- Real-time analytics
- Sales tracking
- Customer management
- Activity monitoring
-
🎨 Modern UI/UX
- Responsive design
- Dark/Light theme
- Custom animations
- Loading skeletons
- Infinite scrolling
- Node.js 16.x or later
- npm or yarn
- A Flutterwave account for payments
- A Supabase account for storage
- Clone the repository:
git clone https://github.com/freshpex/accountSalesFrontend.git
cd accountsalesFrontend- Install dependencies:
npm install- Set up environment variables:
cp .env.example .env- Configure your environment variables:
VITE_APP_API_URL=your_api_url
VITE_FLUTTERWAVE_PUBLIC_KEY=your_flutterwave_key
VITE_SUPABASE_ANON_KEY=your_supabase_key
// ... other variables- Start the development server:
npm run devsrc/
├── app/ # Feature-based modules
│ ├── authentication/ # Auth-related components
│ ├── dashboard/ # Dashboard features
│ ├── product/ # Product management
│ └── ...
├── components/ # Shared components
├── context/ # React context providers
├── hooks/ # Custom hooks
├── layout/ # Layout components
├── pages/ # Page components
├── routes/ # Route configurations
├── services/ # API services
├── store/ # Redux store setup
├── utils/ # Utility functions
└── UI/ # UI components
- Frontend Framework: React 18
- State Management: Redux Toolkit + Redux Saga
- UI Framework: Chakra UI
- Routing: React Router v7
- Forms: Formik + Yup
- HTTP Client: Axios
- Charts: Recharts
- Payment: Flutterwave
- Storage: Supabase
- Build Tool: Vite
- Styling: Emotion + TailwindCSS
- Sales analytics
- Customer management
- Product listings
- Transaction monitoring
- User management
- Purchase history
- Account management
- Support tickets
- Profile settings
- Security settings
- Account listings
- Detailed metrics
- Image galleries
- Verification status
- Price history
- JWT Authentication
- Role-based access control
- API request interceptors
- Secure payment processing
- Input validation
- XSS protection
The platform integrates with multiple APIs:
- Backend REST API
- Flutterwave Payment API
- Supabase Storage API
- Google OAuth API
- Code splitting
- Lazy loading
- Image optimization
- Virtualized lists
- Memoized components
- Efficient Redux selectors
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Chakra UI Team
- Redux Team
- Flutterwave
- Supabase
- All contributors
For support, email epekipoluenoch@gmail.com or Freshpex.
Made with ❤️ by Your Freshpex
This repository is provided for view-only access. The following actions are strictly prohibited without explicit written permission:
- Downloading the source code
- Copying any portion of the code
- Creating derivative works
- Commercial use
- Redistributing the code in any form
All code and content are protected under copyright law and the license terms. Violations will be pursued to the full extent of the law.
For permission requests, please contact: epekipoluenoch@gmail.com