Crowdfunding Front End for HarveztCirkle

by Anaya Dodge

Deployed front end project link: https://harveztcirkle.netlify.app/

If you want to clone this repo, you must first ensure you have installed the necessary packages and turn on Vite using the following commands in the terminal:

• cd to the file location e.g. cd SheCodes/react/crowdfunding-frontend
• npm install (if needed)
• npm run dev

Project Requirements/Specs

• Be separated in to two distinct projects: an API built using the Django Rest Framework and a website built using React.
• Have a unique and creative project name (bonus points for puns and missing vowels!).
• Define a clear target audience for the platform.
• Implement user accounts with the following attributes:
  • Username
  • Email address
  • Password
• Enable users to create a "project" to be crowdfunded with at least these attributes:
  • Title
  • Owner (a user)
  • Description
  • Image
  • Target amount to fundraise
  • Status of accepting new supporters (open/closed)
  • Creation date
• Allow users to make "pledges" to a project, including at least these attributes:
  • Amount
  • The project the pledge is for
  • The supporter/user (who created the pledge)
  • Option for anonymous pledging
  • Comment on the pledge
• Implement suitable update/delete functionality, e.g., define if a project owner can update project details.
• Define permissions, e.g., specify who can delete a pledge.
• Return relevant status codes for both successful and unsuccessful API requests.
• Handle failed requests gracefully (e.g., implement a custom 404 page instead of a default ev rror page).
• Use Token Authentication, including an endpoint for obtaining a token along with the current user's details.
• Ensure responsive design for mobile and desktop compatibility.

Deployed Project Link

https://harveztcirkle.netlify.app/

Homepage

Project Creation page/form

Project Page

Making a Pledge against a Project

Unauthorised user attemps to edit a project

Note: The option to edit or delete a project or pledge is only available to the owner or Admin.

Bonus Content

Sign Up Page

Login and Log out

My Details Page - Viewing all Projects and Pledges

Edit my details

Update and Delete a Project as Admin

Note: The Admin can update and delete any project or pledge.

Update and Delete a Project as Owner

Note: The Owner can edit their Project or Pledge. They can make a request to the Admin to delete their Project or Pledge.