|
1 | 1 | # Dashboard App
|
| 2 | +A Dashboard App where users can create an account (with their credentials or using an OAuth provider), create customers and assign invoices to them. Invoices will be shown at the Dashboard page as a summary. This project is based on the Next Learn Course, the official Next.js 14 tutorial and created by Vercel. |
| 3 | + |
2 | 4 | This project is based on the Next Learn Course, the official Next.js 14 tutorial and created by Vercel.
|
3 | 5 | [Click here to visit the tutorial](https://nextjs.org/learn)
|
4 | 6 |
|
5 | 7 | > You can access the current live version of the live project and see what I'm capable of on:
|
6 | 8 | >
|
7 | 9 | > https://josiasbudaydeveloper-next-14-dashboard-app.vercel.app/dashboard
|
8 | 10 |
|
9 |
| -## How does the course work? |
10 |
| - |
11 |
| -By building a full web application. Step by step. |
12 |
| - |
13 | 11 | 
|
14 | 12 |
|
15 |
| -- I'll set up your local environment and initializing the "ACME" Next.js project template. |
16 |
| - |
17 |
| -- I'll use pre-styled components as part of each chapter that leverage Next.js conventions and patterns. |
18 |
| - |
19 |
| -- I'll hook up real application logic and data to bring a fully-fledged demo website to life. |
20 |
| - |
21 |
| -- At the end I'll have a website that’s ready to ship and the knowledge to build and deploy my own. |
22 |
| - |
23 |
| -## What do I did until now? |
24 |
| - |
25 |
| -Here’s everything I did in the version 1.0 |
26 |
| - |
27 |
| -This project is a Dashboard App that is a single page application (SPA) with client-side navigation and three main pages: |
| 13 | +## This project is a Dashboard App that is a single page application (SPA) with client-side navigation and three main pages: |
28 | 14 | - Dashboard - A summary of all invoices.
|
29 | 15 | - Invoices - A list of all invoices and the possibility of searching, creating, editing or deleting any invoice. It also has pagination at the bottom of the page.
|
30 | 16 | - Customers - A list of all customers with a search bar for searching for specific customers. There's no pagination here in this version, so all customers are displayed at the same time.
|
31 | 17 | - Dark Theme - Based on Tailwind.css and that only works based on the browser theme.
|
32 | 18 |
|
33 |
| -This is the primary version of this project, which only accepts one single user and only has the credentials provider for authentication. |
34 |
| - |
35 |
| -## What do I intend to implement? |
36 |
| - |
37 |
| -Here’s everything I did in the version 2.0: |
| 19 | +## Here’s everything I did in the version 2.0: |
38 | 20 | - Multiuser system
|
39 | 21 | - OAuth Authentication
|
40 | 22 | - Pagination for the customers, as they're going to be flexible at this version
|
41 |
| -- Dark Theme feature based on the user's choice and stored on the Database: |
42 |
| - - On |
43 |
| - - Off |
44 |
| - - System Default |
45 |
| -- API for making its Back-End possible to fit the information of a possible mobile app in the future versions. |
| 23 | +- Dark Theme feature based on the user's browser theme |
0 commit comments