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

Coding With Dawid August 9, 2023
Video Thumbnail
Coding With Dawid Logo

Coding With Dawid

View Channel

About

Video Description

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

You May Also Like

Boost Your Web Dev Setup

AI-recommended products based on this video

Loading...
Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)

Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)

(786)
$69.15$33.51
FREE delivery Jun 13 - 17
Loading...
Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom

Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom

(0)
$30.99
FREE delivery Jun 19 - Jul 3
Loading...
Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men
Best Seller

Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men

(243)
$19.99
FREE delivery Sat, Jun 14 on your first order
300+ bought in past month
Loading...
Freenove Ultimate Starter Kit for BBC micro bit (V2 Included), 316-Page Detailed Tutorial, 225 Items, 44 Projects, Blocks and Python Code

Freenove Ultimate Starter Kit for BBC micro bit (V2 Included), 316-Page Detailed Tutorial, 225 Items, 44 Projects, Blocks and Python Code

(382)
$94.95
PrimeFREE delivery Sat, Jun 14
Loading...
Lenovo Legion KM310 RGB Wired Gaming Keyboard & Mouse Combo - K310 Keyboard w/Silent Operation & Compact Water-Resistant Design - M300S Mouse with 8000 Adjustable DPI, 220 IPS, 6 Programmable Buttons

Lenovo Legion KM310 RGB Wired Gaming Keyboard & Mouse Combo - K310 Keyboard w/Silent Operation & Compact Water-Resistant Design - M300S Mouse with 8000 Adjustable DPI, 220 IPS, 6 Programmable Buttons

(14)
$109.39
FREE delivery Tue, Jun 17
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports

(8)
$39.99
FREE delivery Tue, Nov 4
Loading...
Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

Monster N-Lite 211 Wireless Earbuds, Bluetooth 6.0 Stereo Headphones with Powerful Bass, Built-in Noise-Cancelling Mic for Clear Calls, LED Display, 36H Playtime, IPX5 Waterproof Design for Sports

(40)
$39.99
FREE delivery Thu, Nov 13
Loading...
AOC 2025 Laptop, Laptop Computer with Processor 12th Alder Lake N97(Up to 3.6GHz) 16GB RAM 512GB SSD 15.6 Inch FHD Screen Premium Laptop Windows 11 Pro, Metal Shell, Type-C, WiFi, Bluetooth

AOC 2025 Laptop, Laptop Computer with Processor 12th Alder Lake N97(Up to 3.6GHz) 16GB RAM 512GB SSD 15.6 Inch FHD Screen Premium Laptop Windows 11 Pro, Metal Shell, Type-C, WiFi, Bluetooth

(201)
$459.99
FREE delivery Tue, Jun 17
50+ bought in past month
Loading...
TREE.NB M5Y1K HD4J0 14.8V 40Wh Battery Compatible for Dell Laptop Battery for 3558 3451 3551 5551 5555 5558 5758 Vostro 3451 GXVJ3 07G07 6YFVW K185W Premium Cells

TREE.NB M5Y1K HD4J0 14.8V 40Wh Battery Compatible for Dell Laptop Battery for 3558 3451 3551 5551 5555 5558 5758 Vostro 3451 GXVJ3 07G07 6YFVW K185W Premium Cells

(1,115)
$29.66
Prime