Next.js 14 Charity & Crowd Funding App

Focused View

K.Sathyaprakash Reddy

8:10:23

2 View

1. Introduction

1. Setup Next App.mp4

10:22

2. Setup Ant Design.mp4

10:14

3. Overriding Ant Design Styling.mp4

13:05

2. Authentication using CLERK

1. Setup Clerk Auth - 1.mp4

05:54

2. Setup Clerk Auth - 2.mp4

15:04

3. Using Next Middleware.mp4

07:34

4. Getting Logged In User Details.mp4

08:14

3. Mongo DB Connection

1. Connect Mongo DB.mp4

08:07

2. Save current user to mongodb.mp4

11:21

4. Layout

1. Layout Part - 1.mp4

08:18

2. Layout Part - 2.mp4

17:56

3. Get current user.mp4

08:30

5. Add Campaign

1. Admin Routes Setup.mp4

12:49

2. Add Campaign Form.mp4

18:24

3. Integrate Firebase Storage.mp4

07:52

4. Upload Images To Firebase.mp4

16:17

5. Save Campaign.mp4

12:23

6. Show , Edit , Delete campaigns

1. Show Campaigns.mp4

19:57

2. Edit Campaign - 1.mp4

09:31

3. Edit Campaign - 2.mp4

13:23

4. Delete Campaign.mp4

05:34

7. Homepage & Campaign Info Page

1. Show Campaigns In Homepage.mp4

18:45

2. Campaign Info Page.mp4

15:19

3. Donation Card in Campaign Info.mp4

10:00

8. Make a Donation

1. Integrate Stripe Payment.mp4

15:55

2. Stipe Payment Form.mp4

14:31

3. Saving a donation - 1.mp4

15:40

4. Saving a donation - 2.mp4

01:33

9. Showing Donations in Campaign Page

1. Show Recent Donations.mp4

13:13

2. Show All Donations Modal.mp4

11:40

10. Show Donation On User Admin Side

1. User Donations.mp4

09:39

2. Admin Donations.mp4

05:21

11. Dashboard

1. Admin Dashboard - UI.mp4

15:08

2. Admin Dashboard - Queries.mp4

05:30

3. Admin Dashboard - Recent campaigns and donations.mp4

07:20

4. User Dashboard.mp4

10:01

12. Campaign Report

1. Campaign Report - 1.mp4

08:54

2. Campaign Report - 2.mp4

15:15

13. Filters

1. Filters UI.mp4

05:01

2. Filters Queries.mp4

16:46

14. Bugs & Responsiveness

1. Bug Fixes and Validations.mp4

15:45

2. Responsiveness.mp4

07:43

3. Deployment.mp4

10:35

Description

Build a real-time Charity and Crowd Funding App with latest technologies Next JS 14 , MongoDB , Sever Actions

What You'll Learn?

Implement all Next JS 14 Latest Features including server actions
Implement strong authentication mechanism using Clerk authentication
Build scalable components using Ant Design UI Library
Using Tailwind CSS with the combination of Ant Design
Working with two different user roles (Administrator , Donor)
Admin will be able to create campaigns based on organizers request.
Admin will have access to delete , edit campaigns.
Users will be able see all active campaigns , make donations for them using stripe payment gateway.
Users can be able to filter campaigns based on the categories.
Users can also able to see all the donations they have done.
Users can view their dashboard data which includes recent donations , total amount donated.
Admin will be able to access the entire app data like all donations , total amount raised , all users etc.
Admin dashboard will have Campaigns count , donations count , recent campaigns and donations , total amount raised , active and inactive campaigns etc.

Who is this for?

Next JS Developers

What You Need to Know?

Next JS Basics

More details

Description
Hello, Welcome to the course Next.js 14 Charity & Crowd Funding App
Certainly, I'd be happy to elaborate on the features included in the Next.js 14 Charity & Crowd Funding App course.

Implement all Next JS 14 Latest Features including server actions
Implement strong authentication mechanism using Clerk authentication
Build scalable components using Ant Design UI Library
Using Tailwind CSS with the combination of Ant Design
Working with two different user roles (Administrator , Donor)
Admin will be able to create campaigns based on organizers request.
Admin will have access to delete , edit campaigns.
Users will be able see all active campaigns , make donations for them using stripe payment gateway.
Users can be able to filter campaigns based on the categories.
Users can also able to see all the donations they have done.
Users can view their dashboard data which includes recent donations , total amount donated.
Admin will be able to access the entire app data like all donations , total amount raised , all users etc.
Admin dashboard will have Campaigns count , donations count , recent campaigns and donations , total amount raised , active and inactive campaigns etc.

Next.js is an open-source, objective-coded framework for web developers created by Kotlin JS developers. It is used to create server-rendered React applications and can be used with modern JavaScript languages like TypeScript, GraphQL, and React components.
Next.js allows developers to create web applications to a high standard with pre-built features such as routing, file-based routing, webpack dev server, hot module replacement, static exports, and code splitting.
Next.js works well for building static sites and progressive web apps that are SEO-friendly, accessible, and fast.
Who this course is for:
Next JS Developers

User Reviews

Rating

average 0

Total votes0

Focused display

Hi,I am Satyaprakash Reddy, I am a freelance developer in India.I've 5 years of experience in developing applications in Android and Web Development.I've been teaching coding lectures from the past three years in an Institute. So now I wanted to share my knowledge across the globe through Udemy.I spend most of my time researching how to make learning to code fun and make hard concepts easy to understand. I apply everything I discover into my Bootcamp courses. In my courses, you'll find lots of geeky humor but also lots of explanations and animations to make sure everything is easy to understand.Thank U.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.