fabiomcosta / summerdale-permits

A simple status page to stay up to date with Summerdale Community construction process

Simple website to help track updates on the homes of Summerdale Park.

Getting Started

Install Dependencies

yarn

Run the development server

# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Resources

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• Chakra UI - a simple, modular and accessible component library to quickly build React applications.

Deploys on Vercel

This project is set up to automatically deploy from the main branch to Vercel. Current deployment url: https://summerdale-permits.vercel.app/

summerdale-permits's Issues

Add a blacklist feature to remove lots

This is a feature requested by one of the residents. They brought the privacy point of view, so we gotta add a blacklist feature to exclude lots if the owners wants it that way.

Filter by permit type

Homepage visual revamp

Enhance the visuals of the homepage and global styles

Sort by date

List only the existing lots on the home page, instead of the permits

#5

Search by lot number and address

Empty date popover

Date popover are showing up empty when there is no date.
It should not show at all.

Pagination for the data

Description

Currently we're showing ALL the results coming from the API. We should show paginated results instead for better performance.

2 “Review Started” status are shown

When the permit is early in the process, 2 “Review started” status are shown

Design an individual page for details about a specific Lot

Description

So, the idea is whenever the user searches for the lot number or address of his/her house, and click on the result, it will take them to a details page which have everything regarding the lot.

Example route: /lot/[slug]

Details to show:

list of permits regarding the lot, any other helpful resource

Check how to provide "status" of the construction stage

This issue covers trying to figure out how to give a "status" of the lot like "complete" or pre-drywall etc...

Check with Bruno for any additional insight/ideas

Originally posted by @fabiomcosta in #5 (comment)