As a compassionate user, I want to easily browse and donate to fundraisers of my choice, so that I can support causes I care about and help them reach their fundraising goals.

Given I am a visitor to the platform, when I navigate to the homepage, then I should see a list of active fundraisers, each showing a title, description, current total, and donation goal.

Given I am not logged in, when I try to create a new fundraiser or make a donation, then I should be prompted to log in or create an account.

Given I am a logged-in user, when I fill out the "Create Fundraiser" form with a title, description, goal amount, and optional image, then I should see my new fundraiser appear on the homepage.

Given I am viewing a specific fundraiser page, when I click the “Donate” button and enter an amount, then I should be directed to Stripe to complete the donation securely.

Given I am a logged-in user who has donated, when I complete my donation, then I should see my donation reflected in the fundraiser's total, and my donation history should appear in my profile.

Given I am a logged-in user, when I navigate to my profile, then I should see a list of fundraisers I have created and donations I have made.

Given I am on the platform, when I view the site on a mobile device, then I should see a responsive and mobile-friendly layout that is easy to navigate.

Express: for setting up my server.

Mongoose: To interact with my MongoDB database using models.

<!-- Graphql: For handling GraphQL queries and mutations? -->

<!-- Express-graphql: For handling GraphQL queries and mutations? -->

Jsonwebtoken: For user authentication.

Bcrypt: For password hashing and security.

Cors: To allow cross-origin requests between my frontend and backend.

Dotenv: To store sensitive data like API keys and secret tokens in environment variables.

React: The framework for building my front-end.

<!-- Apollo Client: To interact with my GraphQL API on the frontend? -->

JWT Decode: To handle decoding JSON web tokens on the client side.

Axios (maybe): For making HTTP requests (if I decide to use this over Apollo).

Nodemon: For automatically restarting my server during development.

Concurrently: To run both backend and frontend servers simultaneously.

ESLint: For linting and code quality checks.

Stripe: For handling payments (if I use the Stripe API).

Stripe React Elements: For integrating the Stripe payment form in my React frontend.