YoVDO

Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN

Offered By: freeCodeCamp

Tags

Next.js Courses Web Development Courses React Courses Typescript Courses Full Stack Development Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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 TypeScript
Microsoft 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