Skip to content

A platform for people to envision public projects in their communities.

License

Notifications You must be signed in to change notification settings

alexmayberry/community-vision

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CommunityVision

Description

A place where granting organizations can give engaged community members authorship over the design briefs for new public spaces in their communities.

Deployed Application

Deployed Application

GitHub Repository

CommunityVision GitHub Repository

Preview Image

Application Preview Image

Repo Usage

  • Clone down the repository
  • run npm install in your directory terminal
  • run npm run seed to implement seed files
  • run npm run develop to see the live application on your local host

User Applicaton

Granting Users

AS a city planning department
I WANT a place to collect community ideas and facilitate a participatory design process
SO THAT public space design and their guiding design briefs are driven by the visions of the community.

App Functionality

USER

GIVEN a single-page application for collaborative public space design
AS an unloggedin users
WHEN I load the app
THEN I am presented with a page containing a list of preview cards for active grant opportunities
WHEN I type a place name into the search bar
THEN I am presented with all the active grant opportunities in that region
WHEN I click on a grant opportunity
THEN in the top section, I am presented with a page for the grant with its name, description, background, guidelines, budget, photos
WHEN I collapse the first section or scroll down,
THEN I am presented with the second section containing a list of preview cards for all of the proposals that have been submitted for the brief
WHEN I click on design brief card
THEN I am presented with a page containing the grant opportunity name and link back to the page, the design brief name, and a number of sections including background,  description, list of features, and supporting media.

GRANTER

WHEN I load the app
THEN I am presented with a list of active grant opportunities
WHEN I click on the Add New Grant Opportunity
THEN I am redirected to the login page if not logged in
WHEN I am logged in
THEN I am directed to the New Grant Opportunity input
WHEN I submit the form with a name, description, background, guidelines, budget, and supportive media
THEN I am redirected to my new Grant Opportunity page

COMMUNITY MEMBER

WHEN I click on a Grant Opportunity
THEN I am presented with its info page
WHEN I click on the write a design brief button
THEN I am promoted to login if I am not logged in
WHEN I am logged in
THEN I am taken to the New Design Brief input for
WHEN I add a name, description, context, acceptance criteria, and supporting media
THEN I am taken to my new Design Brief page

CONTRIBUTION

GIVEN I am viewing a user-submitted design brief that i want to contribute to
WHEN , as a unloggedin user, I click on the "contribute" button next to a content element on the page
THEN I am taken to the login page
WHEN I create an account
THEN I am taken back to the design brief page and the element I wanted to contribute to
WHEN I submit text content in the contribute field and click submit
THEN I see my contribution with my name listed in the "Suggestions" section near the element

TRANSLATION

WHEN I want to view the page in my native language other than English
THEN I can select it from a dropdown list of possible languages

Market Research

Mongo Models Outline

  • Grants
    • belong to one user
    • has many briefs
  • Briefs
    • belongs to one user
    • belongs to one grant
    • has many suggestions
  • Suggestions
    • belongs to one user
    • belongs to one brief
  • Users
    • has many grants
    • has many briefs

Tech

Packages:

Mapping Package (Future Implementation)

Component Library:

Other useful Tools

Future Developmenet

Grant Opportunity Creators
  • Add Grant Opportunity form
    • Project Name
    • body (rich text editor)
    • photos uploader
    • map picker
    • agency/ project logo upload

Design Brief Creators

  • Create New Design Brief form
    • Proposal Name
    • Body text (rich text editor)
    • Photos
    • Either point marker or drawn polygon shape to indicate project area
    • tags (community gardens, housing, playground)
  • public proposal page
  • "suggest" option to allow other users to provide feedback
  • upvote button for each proposal

Translation

  • Users can choose their languge of choice
  • Proposals and suggestions will display a note about orgininal post language if it was translated

Example Real-world Use for App

Contributors

  • Alex Mayberry
  • Casey Robison
  • JungHan Seo

About

A platform for people to envision public projects in their communities.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published