Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN
Offered By: freeCodeCamp
Course Description
Overview
Embark on a comprehensive full-stack development journey with this 6-hour tutorial that guides you through building a Fiverr clone using NextJS, React, Convex, TypeScript, Tailwind CSS, and ShadCN. Master essential skills including setting up the development environment, creating gig pages, designing database schemas, implementing backend functions, and integrating Stripe for payments. Dive into advanced features like user authentication, image uploads, search and filtering capabilities, messaging systems, and review functionalities. Perfect your full-stack expertise by constructing a fully-functional freelance marketplace platform from start to finish.
Syllabus
⌨️ Demo and Intro
⌨️ Setup - Convex, Clerk, NextJS, ShadCN
⌨️ Create gig page
⌨️ Database schema
⌨️ gig.ts - gig backend functions
⌨️ useApiMutation.ts
⌨️ categories and subcategories
⌨️ store user to database
⌨️ edit gig page
⌨️ gig edit backend functions
⌨️ add images to gig
⌨️ confirm popup window modal
⌨️ gig description
⌨️ title editor
⌨️ offers editor
⌨️ stripe part 1 - addPrice
⌨️ homepage - browser gigs
⌨️ search, filter gigs
⌨️ gig image, action menu
⌨️ gig page
⌨️ stripe part 2 - pay link
⌨️ stripe part 3 - seller account connection
⌨️ user profile page
⌨️ reviews
⌨️ advanced navbar
⌨️ manage gigs page
⌨️ inbox, messages
Taught by
freeCodeCamp.org
Related Courses
DEV201x: Introduction to TypeScriptMicrosoft via edX Developing Dynamic Web Applications Using Angular
Microsoft via edX Introduction to TypeScript 2
Microsoft via edX Multiplatform Mobile App Development with NativeScript
The Hong Kong University of Science and Technology via Coursera Angular Fundamentals
Microsoft via edX