Creating a GuestBook in Next.js

Medea - Feb 27 '23 - - Dev Community

To develop my Next.js and React skills, I decided to create a GuestBook.
This is what it looks like so far: https://vulcanwm-guestbook.vercel.app

I've learnt how to:

  • use loops in React/JSX
  • use if statements in React
  • connect Next.js to MongoDB
  • make an API in Next.js
  • set/get cookies in Next.js

The features I've added are:

  • seeing all the messages
  • messaging on the guestbook
  • seeing the timestamp of the message
  • censoring all the messages
  • ratelimiting a user so they can only message once an hour

Features to come:

  • Adding OAuth: GitHub/Google/Replit
  • Deleting your own comment
  • Admins for the board so they can delete all comments
  • Ratelimit on username as well as browser

The GitHub repo is here, so contribute to help me on my Next.js journey!

GitHub logo VulcanWM / guest-book

VulcanWM's GuestBook

Welcome to VulcanWM's Guestbook project! This is a simple web application that allows users to sign in and leave messages for VulcanWM.

Any user can view all the messages sent, but users can only leave messages if they have logged in with their GitHub Account.

Deployment

The Guestbook application is deployed using Vercel. You can access the deployed version of the application at VulcanWM's GuestBook.

Technologies Used

The Guestbook application was built using the following technologies:

License

The Guestbook project is licensed under the GNU AFFERO GENERAL PUBLIC LICENSE.


View on GitHub


Image
The actual consequences of COVID-19 crisis for the diagnosis of TB with a tertiary care clinic inside Indian.
Image
A national study the inter-observer variability in the delineation of areas in danger of the mind.
Image
roof heat proofing service

roof, heat, proofing, service
Image
Modifications in the actual Nociception Stage List During Operative Resection of Paragangliomas: A Case Report.
Image
Let loose Your Creativity: Art Stunning 3D Animated Videos in Minutes with CreateStudio!
Image
TensorFlow vs PyTorch: Which Should You Use?

tensorflow, python, deeplearning, programming
Image
Static Keyword: Decoding Static Variables in Java

java, beginners, interview, programming
Image
Introduction to Message Brokers: A Beginner's Guide : Mastering

csharp, dotnet, backenddevelopment, programming
Image
Build an AI-Powered Chat Experience with WinUI AI AssistView and OpenAI

winui, development, whatsnew
Image
Short Ruby Newsletter - edition 110 highlights

ruby, rails
Image
Delusion Interio: The Top Construction Company in Chandigarh, Mohali for Commercial Projects

construction, renovation, interior, designer
Image
Determination to work with Automated Automobiles: Comes from a Large and various Sample regarding You.Azines. Older Adults.
Image
Virtual DOM: Technque behind React's quick DOM updates.

react, webdev, javascript
Image
Top 10 App Development Companies

topapp, topappdevelopment, topappdevelopmentcompany
Image
Ensuring Website Path Navigations with Automated Testing Using Webship-js

javascript, ai, testing, automation
Image
Enhance Your SQL Skills: 'Project - Modify Primary Key of Countrylanguage Table'

labex, sql, mysql, programming
Image
OTF vs TTF: Best Font Format for Flutter App Development

flutter, mobile, android, font
Image
Natural Probable of items Extracted from Arms from the Genus Syagrus.
Image
Get the Best Cash for Cars in West Hempstead: Quick and Easy Way to Sell Your Car
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .