Blossom

This project is a platform for fundraising, charity, organizing events. It also enhances user engagement by incorporating essential social media features such as follow/unfollow, public profiles, liking and bookmarking content. A demo stripe checkout page has been created to mimic real life online transaction. It has 3 tier architecture consisting of client, server and a database.

Tech Stack

Cultivating Change through Compassion

Find out more

Pages

• Landing
• Register/Login
• Home Page
• Create Fundraise/Event
• Fundraise/Event Details
• Events
• Feeds
• User Profile

Directory Structure

.
├── client/
│   ├── node_modules
│   ├── src/
│   │   ├── assets
│   │   ├── components
│   │   ├── config
│   │   ├── data
│   │   ├── hooks
│   │   ├── pages
│   │   ├── utils
│   │   ├── App.jsx
│   │   ├── App.scss
│   │   ├── index.jsx
│   │   └── *
│   ├── public
│   ├── Dockerfile
│   ├── index.html
│   ├── .dockerignore
│   ├── .env
│   ├── .gitignore
│   └── *
├── server/
│   ├── __tests__
│   ├── config
│   ├── controllers
│   ├── cronjobs
│   ├── events
│   ├── helpers
│   ├── middlewares
│   ├── models
│   ├── routes
│   ├── services
│   ├── templates
│   ├── .dockerignore
│   ├── Dockerfile
│   ├── server.js
│   └── *
├── docker-compose.yaml
├── LICENSE
└── README.md

User Workflow Diagram

Landing

The introductory page featuring an overview of the platform and key features.

Register and Login

The page where users can sign up for an account by providing their details or login if they already have an account.

Home Page

The main dashboard displaying the available fundraises, profile card, recommended profiles, and navigation options.

Create Fundraise and Event

For initiating the creation of a fundraising campaign or events

Details of Fundraise and Event

A detailed view page for individual fundraises or events, providing comprehensive information and updates. Fundraise page gives a donation option to redirect to Stripe Checkout and Payment Verification. The receipt for successful transaction is sent to user's email address along with a follow up.

Events Page

A page showcasing a list of upcoming and past events with details and attending options and other attendees.

Feeds Page

A real-time stream of updates, posts, and interactions from other users and events.

User Profile

A profile page displaying personal information, public details, and statistics of user activities.

Author : Suman Roy Built with ❤️