This dashboard will allow businesses to manage their transactions, view insights, and interact with key payment data.
Here’s what makes Flutterwave Clone stand out:
-
📈 Dashboard Overview Page:
- Display total transactions, total revenue, and a summary of successful, failed, and pending transactions.
- Include visual charts (bar chart or pie chart) for transaction insights
-
💲 Transaction Table:
- Display a paginated table with transaction details
- Include sorting and filtering functionalities (e.g., by status or date)
- Add a search bar to search for transactions by Customer Name or Transaction ID
-
🌐 Responsive Design Ensure the dashboard works seamlessly on both mobile and desktop screens
- Frontend Frameworks: Reactjs
- CSS Frameworks: Tailwind CSS,
- Chart Libraries: Recharts
- Version Control: GitHub for sharing your project repository
- Deployment: Vercel
- Node.js (version 14 or higher)
- npm (Node Package Manager)
-
- Clone the repository
git clone https://github.com/motuncoded/flutterwave-clone
-
- Navigate to the project directory
cd flutterwave-
- Install dependencies
npm install-
- Start the development server
npm start
Open your browser and go to http://localhost:3000 to access the dashboard.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Make your changes and commit them (
git commit -m 'Add new feature'). - Push to the branch (
git push origin feature-branch). - Open a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
For inquiries, feel free to reach out: