Build a Feedback Board with Next.js 13 (react.js, mongo, tailwind.css)

Опубликовано: 07 Май 2025
на канале: Coding With Dawid

36,404

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