nextjs-application-template

A template for quickly starting Next.js application development

---

Project maintained by albertlks Hosted on GitHub Pages — Theme by mattgraham

Digits UI

Digits is an application that allows users to:

• Register an account.
• Create and manage a set of contacts.
• Add a set of timestamped notes regarding their interactions with each contact.

Installation

First download a copy of Digits

Second, cd into the directory of your local copy of the repo, and install third party libraries with:

$ npm install

Third, run npm run dev to access the app locally by putting http://localhost:3000 in a search browser.

$ npm run dev

User Interface Walkthrough

Landing Page

When you first bring up the application, you will see the landing page that provides a brief introduction to the capabilities of Digits:

Register

If you do not yet have an account on the system, you can register by clicking on “Login”, then “Sign Up”:

Sign In

Click on the Login link, then click on the Signin link to bring up the Sign In page which allows you to login:

User Home Page

After successfully logging in, the system takes you to your home page. It is just like the landing page, but the NavBar contains links to list contact and add new contacts:

List Contacts

Clicking on the List Contacts link brings up a page that lists all of the contacts associated with the logged in user:

This page also allows the user to add timestamped “notes” detailing interactions they’ve had with the Contact. For example:

Edit Contacts

From the List Contacts page, the user can click the “Edit” link associated with any Contact to bring up a page that allows that Contact information to be edited:

Admin Mode

It is possible to designate one or more users as “Admins” through the settings file. When a user has the Admin role, they get access to a special NavBar link that retrieves a page listing all Contacts associated with all users: