This is a simple crowdfunding web app. A bit more robust than buymeacoffee but less complicated like gofundme.
This web application provides a robust payment solution platform, allowing users to create funding posts and collect donations. It's built using Firebase, Next.js, Tailwind CSS, and Chakra UI, offering a modern, responsive, and user-friendly interface.
- Google SSO Authentication: Secure login using Google SSO.
- Interactive Dashboard: Create and manage funding posts.
- Real-Time Updates: Live tracking of funding progress.
- Responsive Design: Fully responsive web design with Tailwind CSS and Chakra UI.
- Firebase: For database and backend services.
- Next.js: React framework for building the user interface.
- Tailwind CSS: For styling and layout design.
- Chakra UI: For additional UI components.
To get started with this project, clone the repo and install the dependencies.
git clone https://github.com/Arafatmollik1/Fundy.git
cd your-project-folder
npm install
Before running the application, configure your Firebase project settings in a .env.local file.
Running the Application Run the development server:
npm run dev
or
yarn dev
Open http://localhost:3000 with your browser to see the result.
Below is the database schema shall be used in this application:
The User loggs in with google SSO. Creates a funding post and shares it with Friends. User can also remove the post too. Below is figma screenshot
Another user who has recieved the share link can go to the post and just donate! Simple!
Contributions to this project are welcome. Please contact me