GoFundMe Project

About- This is a working clone of the crowdfunding platform GoFundMe.This project is the part of the construct week of Unit-3 at Masai School, this project has been done in order to learn the basic working of a website by implementing Reactjs, CSS3, JavaScript. Working on this project was really fun and we learned a lot of new things that goes into building a website. This is our second collaborative project under the guidance of Masai Team to facilitate the full stack web development curriculam.

Working

Contributors

1. Digvijay Singh (nj2_101) https://github.com/digvijay30786

2. Rahul (nj2_041) https://github.com/Rahul3105

3. Naveen (nj2_041) https://github.com/Naveenverma440

4. Tausif Ansari(nj2_140)

Pages Build

1. Landing Page
2. Login / Signup Page
3. How it's Work Page
4. Fund Raising page
5. Donation Page
6. User Profile page

Functionalities Added

1. Add Donation functionality
2. Add Payment Stripe payment Getway
3. Signup functionality for User
4. Ad Functionality to Comment on User profile
5. Add Popup functionality

Image, illustration source

All images, logos and illustrations are taken from Imgur (https://imgur.com) and Flaticon (https://www.flaticon.com)

External Libraries

We Used many External Library and npm packages in our Project. 1.axios 2.@material-ui/core 3.@material-ui/icon 4.@brainhubeu/react-carousel 5.rc-progress 6.react-dropzone 7.react-spring 8.styled-components

Server

We Used Json-Server for save important Details in json file Like: Sign-up Details and Payment details so We have Use Three Two diffrent Server in this project server and start is mandatory step when we use the Clone Website.

script for run this server :

Install JSON Server

script : npm install -g json-server

Move in Directory

path : /src/my-local-database/

Start the Server and Assign Port Number

json-server db.json --port 3001 json-server payment.json --port 3002