HOT

MERN Stack Charity and Crowd Funding App

Development

Rating5
Enroll Now

MERN Stack Charity and Crowd Funding App, available at $54.99, has an average rating of 5, with 53 lectures, based on 1 reviews, and has 35 subscribers.

You will learn about 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. This course is ideal for individuals who are Beginner and intermediate web developers curious about real-time projects It is particularly useful for Beginner and intermediate web developers curious about real-time projects.

Enroll now: MERN Stack Charity and Crowd Funding App

Summary

Title: MERN Stack Charity and Crowd Funding App

Price: $54.99

Average Rating: 5

Number of Lectures: 53

Number of Published Lectures: 53

Number of Curriculum Items: 53

Number of Published Curriculum Objects: 53

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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.

Who Should Attend

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

Target Audiences

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

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.

Course Curriculum

Chapter 1: Frontend setup

Lecture 1: Promo

Lecture 2: Create react app using vite

Lecture 3: Tailwind css setup

Lecture 4: Ant design setup

Lecture 5: Override ant design styling

Chapter 2: Authentication – Frontend

Lecture 1: Setup authentication routes

Lecture 2: Register page welcome content

Lecture 3: Register form

Lecture 4: Login form

Chapter 3: Backend setup

Lecture 1: Node + express server connection

Lecture 2: Mongo DB setup

Chapter 4: Authentication – Backend

Lecture 1: User model

Lecture 2: Register api

Lecture 3: Login api

Chapter 5: Authentication apis integration

Lecture 1: Register api integration

Lecture 2: Login api integration

Lecture 3: Authentication middleware

Lecture 4: Protecting routes

Chapter 6: Layout

Lecture 1: Layout part – 1

Lecture 2: Layout part – 2

Lecture 3: Restrict admin routes for normal users

Lecture 4: Common components

Chapter 7: Campaigns – Backend

Lecture 1: Campaign model

Lecture 2: Campaign apis

Chapter 8: Campaigns – Frontend

Lecture 1: Campaign form

Lecture 2: Firebase integration

Lecture 3: Save images to firebase

Lecture 4: Save campaign

Chapter 9: Show , edit , delete campaigns

Lecture 1: Display campaigns

Lecture 2: Campaigns actions

Lecture 3: Edit campaign

Lecture 4: Delete campaign

Chapter 10: Homepage and campaign info page

Lecture 1: Test campaigns data

Lecture 2: Show campaigns in homepage

Lecture 3: Campaign info page

Lecture 4: Donation card in campaign info page

Chapter 11: Donations – Backend

Lecture 1: Donation model

Lecture 2: Donation apis

Chapter 12: Donations – Frontend

Lecture 1: Integrate stripe

Lecture 2: Stripe backend

Lecture 3: Stripe frontend

Lecture 4: Make payment and save donation

Chapter 13: Show donations

Lecture 1: Test donations data

Lecture 2: User donations

Lecture 3: Admin donations

Chapter 14: Reports

Lecture 1: Admin reports API

Lecture 2: Admin reports UI

Lecture 3: User reports UI

Chapter 15: User profile and users list

Lecture 1: User profile

Lecture 2: Users list in admin

Lecture 3: Show campaign level donations

Chapter 16: Deployment

Lecture 1: Backend deployment

Lecture 2: Deployment part – 2

Instructors

Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 0 votes
  • 3 stars: 0 votes
  • 4 stars: 0 votes
  • 5 stars: 1 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Email Marketing. Increase Sales With Email Marketing!

TikTok Marketing Domination : Mastering Marketing Strategies

Video Email Marketing Made Easy