Next.js App Router Course - Dashboard Starter

This repository contains the starter template I used for the Next.js App Router Course. It provided the foundational code for building a full-stack financial dashboard application.

Project Overview

Throughout the course, I developed an application that includes:

• Public Home Page: An accessible landing page for all users.
• Authentication System: Secure login functionality to protect dashboard routes.
• Dashboard Interface: authenticated user can:
  • View a summary of financial data.
  • Add, edit, and delete invoices.

By completing this course, I gained essential skills to build robust full-stack applications using Next.js.

Getting Started

To set up and run the project locally, follow these steps:

Prerequisites

• Node.js 18.18.0 or later: be ensured you had the appropriate Node.js version installed. Download Node.js

• pnpm: This project uses pnpm as the package manager. I installed it globally:

  npm install -g pnpm

Installation

1. Clone the Repository:

   git clone https://github.com/mahmouddwidar/Acme-Dashboard.git

2. Navigate to the Project Directory:

   cd Acme-Dashboard

3. Install Dependencies:

   pnpm install

4. Running the Development Server:

   pnpm dev

Then visit http://localhost:3000 in your browser to view the application.

Login Credentials

To access the dashboard, use the following test account:

• Email: [email protected]
• Password: 123456