Locally - Causes that matter to you

Locally is a crowdfunding app that allows users in a specific location to view projects happening in their community and pledge donations.

The app has been deployed on Heroku.

At present, the Brisbane edition is available.

Plans are in place to create Sydney, Melbourne and Perth editions.

Stack

Locally's frontend was created with ReactJS. Its interface is integrated with a Django/DRF backend via APIs.

Tools

The tools used in development were:

• Visual Studio Code
• Git
• Insomnia

Disclaimer

At present, pledging donations is only available through a POST method on Insomnia.

Screenshots

Homepage

Project card for not logged users

Error 401 Unauthorised: users must be logged in to post a donation

Signup page

Login page

Project card for logged in users

Donation page

Post-donation page aka Thank you

New Project form

Successfully created project

Error 401 Unauthorised: users must be logged in to create projects

(Even if they manually navigate to the New Project URL, users are not able to create a project and are redirected to an error page.

Donations created on Insomnia

Project with donation

Style guide

Logo

• The main heading of the app is Glacial Indifference in 26.9 pt.
• The subheading is Brittany in 10.8 pt.
• The city subtitle is Glacial Indifference in 5 pt.

The logo was created with Canva and imported as a .jpg image in the public folder of the React app.

Theme colours

• Background colour is #ebfeff
• Font colour is #212121

Font

• The font utilised across the app is Nunito in 300 and 600px.