tailwind-redsh is a modern and responsive financial and payment dashboard built with Tailwind CSS and Vue 3. It provides users with a comprehensive overview of their financial data, including earnings, customers, visitors, and recent orders. Additionally, the dashboard offers detailed reports on transactions and payments made with credit cards.
Check out the live demo Tailwind-Redash.
- Financial Overview: Quickly check your total earnings, number of customers, visitors, and recent orders.
- Transaction Reports: View detailed reports on the number of transactions and payments made with credit cards.
- Responsive Design: The dashboard is built using Tailwind CSS, ensuring a responsive and visually appealing user interface.
Follow these instructions to get a copy of the project up and running on your local machine.
- Node.js and npm installed on your machine
- A text editor or IDE of your choice (e.g. VS Code)
- A modern web browser (e.g. Google Chrome, Mozilla Firefox)
- Basic knowledge of HTML, CSS, and JavaScript
- Familiarity with Vue.js and Tailwind CSS is a plus
- Familiarity with Chart.js is a plus
- Familiarity with Simplebar is a plus
- Clone the repository:
git clone https://github.com/your-username/tailwind-redsh.git - Navigate to the project directory:
cd tailwind-redsh - Install dependencies:
npm install - Start the development server:
npm run serve - Open your browser and go to http://localhost:8080
This project is licensed under the MIT License - see the LICENSE file for details.
Special thanks to Taras Migulko for the inspiring design of the Responsive Dashboard animation. The attention to detail and seamless transition between different devices truly impressed us.
Please show your appreciation by giving a ❤️ to the original design and consider following Taras Migulko for more amazing work.