Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
MERN Stack Charity and Crowd Funding App
Rating: 4.3 out of 5(4 ratings)
70 students

MERN Stack Charity and Crowd Funding App

Build a real-time Charity and Crowd Funding App using the most powerful web tech-stack MERN.
Last updated 8/2024
English

What you'll learn

  • Build beautiful UI components using a combination of Tailwind CSS and Ant Design.
  • Implement a robust and secure authentication system using JWT.
  • The project will have two user roles: Admin and Normal User.
  • The primary function of the Admin is to create campaigns based on requests from different organizations or charity works.
  • Only the Admin will have access to all CRUD operations for the campaigns.
  • Users can create an account and select campaigns to donate to.
  • User donations will be processed using the Stripe payment gateway.
  • Once a donation is made, it will be reflected on both the user's donations page and the Admin's donations page.
  • Admins can view donations for all campaigns.
  • Admins can view reports for the campaigns.
  • User reports will include information on the campaigns they have donated to and the amounts donated.

Course content

16 sections53 lectures6h 42m total length
  • Promo13:09
  • Create react app using vite5:59
  • Tailwind css setup4:33
  • Ant design setup7:36
  • Override ant design styling12:35

Requirements

  • Basic knowledge in React
  • Basic knowledge in backend technologies like node , express

Description

Hello, Welcome to the course MERN Stack Charity and Crowd Funding App

Certainly, I'd be happy to elaborate on the features included in the MERN Stack Charity and Crowd Funding App


  1. Create a React app with Vite.

  2. Build beautiful UI components using a combination of Tailwind CSS and Ant Design.

  3. Implement a robust and secure authentication system using JWT.

  4. The project will have two user roles: Admin and Normal User.

  5. The primary function of the Admin is to create campaigns based on requests from different organizations or charity works.

  6. Only the Admin will have access to all CRUD operations for the campaigns.

  7. Users can create an account and select campaigns to donate to.

  8. User donations will be processed using the Stripe payment gateway.

  9. Once a donation is made, it will be reflected on both the user's donations page and the Admin's donations page.

  10. Admins can view donations for all campaigns.

  11. Admins can view reports for the campaigns.

  12. User reports will include information on the campaigns they have donated to and the amounts donated.

  13. Complete source code access and QA support.


The MERN stack, comprising MongoDB, Express.js, React, and Node.js, is a powerful combination for building modern web applications. Its end-to-end JavaScript usage streamlines development, allowing for a seamless and efficient workflow. MongoDB offers a flexible, scalable NoSQL database, ideal for handling diverse data types and structures. Express.js and Node.js provide a robust backend framework, enabling the creation of fast, scalable server-side applications. React enhances the user experience with dynamic, high-performing front-end interfaces, making the MERN stack a popular choice for developers aiming to build full-featured, responsive web applications.

Who this course is for:

  • Beginner and intermediate web developers curious about real-time projects