Build a Feedback Board with Next.js 13 (react.js, mongo, tailwind.css)
In this tutorial, You will learn how to build a fullstack feedback board app using next.js 13, tailwind.css and mongo database.
This feedback app tutorial is designed for beginners and will teach you the basics of building a full stack apps with next.js. By the end of this tutorial, you will have a working feedback board app that you can use for your portfolio.
Extended course / SaaS version:
https://dawid.link/feedback-boards
Source code:
https://github.com/dejwid/feedback-board
Timestamps:
00:00:00 - Intro
00:01:23 - Installing dependecies
00:05:42 - Structure and styling
00:25:06 - Voting button & dummy data
00:34:09 - Feedback form popup
01:04:00 - Feedback item popup
01:51:56 - Saving feedbacks to database
02:23:14 - File upload to s3
03:01:53 - Displaying uploads
03:18:57 - Deleting uploads
03:29:15 - Upload animation
03:37:31 - Saving uploads to feedbacks
03:41:01 - Listing feedbacks
03:37:47 - Confirm your vote
04:01:05 - Authentication
04:32:15 - Saving votes
05:55:49 - Listing uploads
06:11:57 - Header login button
06:27:12 - Comments
07:35:44 - Popup scroll
07:41:52 - Temporary feedbacks & votes
08:14:40 - Editing feedbacks & comments
09:54:43 - Sorting feedbacks
10:16:17 - Pagination
10:59:02 - Search
11:43:05 - Formatting long texts
Watch video Build a Feedback Board with Next.js 13 (react.js, mongo, tailwind.css) online without registration, duration hours minute second in high quality. This video was added by user Coding With Dawid 08 August 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 36,404 once and liked it 1 thousand people.