Ward Wise Frontend

This is a refactored, reimagined, and expanded implementation of the current Ward Wise frontend, built in Next.js.

Setup

1. Clone/Fork the repo and install dependencies (npm install)

2. Install PostgreSQL, if you do not already have an instance installed.

3. Run createdb wardwise in your terminal.

Note: If PostgreSQL was not added to your system PATH during installation, you'll need to be in the PostgreSQL bin directory for this command to work.

4. Create a .env.local file in your project directory and add the below, where USERNAME and PASSWORD are the credential for:
   • your system user
   • the user authorized to run Postgres on your machine, or
   • the postgres admin account setup during installation

DATABASE_URL="postgresql://USERNAME:PASSWORD@localhost:5432/wardwise?schema=public"

5. Run npm run migrate:dev to create tables and seed your database. If the seeding does not happen automatically, run npm run db:seed.

6. Run npm run dev to start a development server (located at http://localhost:3000 by default)

For additional database management scripts, see package.json

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Low-fidelity Prototype

Here is a lo-fi paper mockup of the site; consider this a rough place to start from. We are planning to make it a single-page scroll website, so the following is the rough layout for the same.