Giter VIP home page Giter VIP logo

nextjs-14-financial-dashboard's Introduction

Next.JS 14 - Financial Dashboard

This Next.js project with the following features:

  • A public home page.
  • A login page.
  • Dashboard pages that are protected by authentication.
  • The ability for users to add, edit, and delete invoices.

Getting Started

These instructions will help you set up and run the project on your local machine.

Prerequisites

Make sure you have the following installed on your machine:

  • Node.js: Download and Install Node.js
  • npm: npm is bundled with Node.js. You can check if you have npm installed by running npm -v in the terminal.

Installing

  1. Clone the repository:

    git clone https://github.com/your-username/your-project.git
  2. Change into the project directory:

    cd your-project
  3. Install dependencies:

    npm install

Running the Application

  1. Start the development server:

    npm run dev
  2. Open your browser and visit http://localhost:3000 to view the application.

Database (Vercel Postgres Database)

  1. Create a project on GitHub

  2. Go to https://vercel.com, connect your GitHub account and create a project based on your GitHub repository

  3. Create a Postgres database

  4. Go to Storage -> Select the database you created -> Go to "env.local" tab -> Show secret -> Copy Snippet -> Paste it in the .env file created in the root directory

Creating database and seed it with initial data

  1. Make sure you have completed the previous steps

  2. Run "npm run seed" in the terminal. You should see some console.log messages in your terminal to let you know the script is running.

nextjs-14-financial-dashboard's People

Contributors

millerbento avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.