Acme Financial Dashboard

Welcome to Acme Financial Dashboard, a platform designed to streamline your financial management. This dashboard comes equipped with essential features for efficient user authentication, customer management, invoice tracking, and insightful revenue analysis. It builds upon the Next.js Learn course by Vercel.

Getting Started

Follow these steps to set up Acme Financial Dashboard on your local machine.

Prerequisites

  • Ensure you have Node.js v20 installed.
  • Clone this repository to your local machine.

Installation

  1. Navigate to the project directory in your terminal.
  2. Run npm install to install the necessary dependencies.
  3. Configure your settings in the .env file. Refer to the .env.sample file for the available settings.

Usage

  1. Start the server by running npm run dev.
  2. Access the dashboard at http://localhost:3000 in your browser.
  3. Sign up or log in to get started.

Features

  • User Authentication:

    • Secure user signup and login functionality.
    • Screenshot 2024-01-17 at 4 28 26 PM
    • Screenshot 2024-01-17 at 4 28 36 PM
  • Customer Management:

    • Create, update, and view a comprehensive list of all customers.
    • Screenshot 2024-01-17 at 4 26 56 PM
  • Invoice Management:

    • Create, update, and view a detailed list of invoices.
    • Screenshot 2024-01-17 at 4 26 48 PM
  • At a Glance:

    • Track collection and pending amount.
    • Visualize revenue trends through insightful charts.
    • Stay up-to-date with the latest invoices at a glance.
    • Screenshot 2024-01-17 at 4 26 35 PM

Technologies Used

Frontend and Backend: Next.js with TailwindCSS

Database: PostgreSQL

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.