Click the following link to visit Philanthrowave Website:
Visit WebsiteUse this readme for getting stared with this project
Table of Contents
Videos.-.Made.With.Clipchamp.24.mp4
-
The post covid condition for the under privilaged or people below poverty line are very challenging. Looking forward after the horrific pandamic, to help these people reestablish thier livelihood with less misery.
-
To solve this problem we generated this fundraising website enableing monetary aid to the people in need.
- Financial Shortfalls:Our website shall help individuals,or some organisations.This could be medical,educational expenses,operational costs for non profit.
- Charitable Causes:The website is dedicated to raising funds for charitable causes, such as disaster relief, poverty alleviation, healthcare initiatives, and education programs.
- Nonprofit Sustainability:Our website is non profitable.Organizers of events, conferences, or festivals can use fundraising websites to gather funds for event planning, promotion, and logistics to expand the impact.
- Research and Innovation:Scientists and researchers may seek funding for their research projects,and our website is easily helpful for the nations purpose.
- Apart to this many problems are solved by our website.This is very easy to use.
Next.js - for building the frontend
Tailwind CSS - For UI component
Material UI- For UI ICON
Supabase- for Backend Service
NPM - Node Package manager
Vercel- For Project Deployment
- In the landing page user can see the stats and interect with some features
- User can navigate to other pages like- About,Donation,Contact,Signin,Signup
- After clicking Sign up button user will redirect to sign up page and user have to create one account
- After creating account users have to verify their mail and login to the website
- Then user can raise for fund. There will be some field after filling all field user have to submit the form.
- After submitting user will be redirect to the donation page and they can see the card of them
- If anyone want to donate, they just have to select the amount and then click the Donate button
- After clicking, one pop up for payment will be shown and proceed.
- Then user can see a progress bar which notify how much amount is raised.
- Donor can also see details about the applicants the just have to click the card.
- User can log out after their requirement fullfilled
- landing page
- Website Stats
- Authentication System with Supabase
- About Page
- Donation Page
- Contact Page
- Intigrate filecoin
- Fund raise form page
- Add Supabase Backend for storing Applications
- Implementing RAZORPAY Payment Gateway
- Deploy on VERCEL
To run the project in your system you have to follow steps given bellow:
You must have NPM(Node Package Manager) installed in your system, Follow the steps given below
Install NPM
- Clone the repository to your system
git clone https://github.com/ritesh2004/HACKATHON_CSE2K23.git- Install node module packages
npm install- Run the development server
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
Ritesh Pramanik[Lead] |
Shouvik Pramanik |
Mohana Mukhopadhyay |
Parthiv Das mandal |
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!