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!

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.




. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .