Racing to Break the Cycle of Domestic Violence

A first attempt at a React project using Vite.

Key Features • How To Use • Download • Credits • Related • License

Project Deployment

Deployed using Netlify

Project site here

Key Features

• Sign-up - Create an account to donate or fundraise a rider
  • Update rider information, user account information
  • Delete your donations.
  • As a rider, post updates of your progress
• Leaderboard of riders Sorted by amount raised and showing training progress
  • Filter by rider name

Wishlist

• Mobile responsiveness
• Better user experience with security handling & authentication
• Improved DRY in CSS
• Improved HMTL/React structure (it's a dogs breakfast)
• Better asset structure/naming
• Accessibilty addressed in elements/structure.

Back End

Created in DRF, repository here

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/mayadomi/breakingthecycle-frontend

# Go into the repository
$ cd breakingthecycle-frontend

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Note If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

Download

You can download the latest installable version of Markdownify for Windows, macOS and Linux.

Project Submission

• A link to the deployed project
  • Deployed site
• A screenshot of the homepage
  • 
• A screenshot of the project creation page
  • 
• A screenshot of the pledge creation form
  • 
• A screenshot of a project with pledges
  • 
• A screenshot of the resulting page when an unauthorized user attempts to edit a project (optional, depending on whether or not this functionality makes sense in your app!)
  • The edit project link is not visible on project page if user is not owner
  • If a user that is not the owner navigates to project update page using the URL, this will redirect to a 404
  • 

(back to top)

Credits

This software uses the following open source packages:

• Node.js

Markdown Credit

markdownify-web - Web version of Markdownify

OthneilDrew