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:

• Next.js
• Node.js
• MongoDB
• next-auth (for GitHub Login)

License

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

guest-book's Issues

Make the Readme file more Descriptive

Make a Readme file to get to know about this project.

Add OAuth

• GitHub
• Logged in API route where you check if logged in
• If logged in, show form with username input disabled with username
• If not logged in, show oauth buttons

Add next.js following tutorial

Use different secrets for local and url (.env and .env.vercel)
Follow: https://refine.dev/blog/nextauth-google-github-authentication-nextjs/

Get username from signed in on comment

Instead of getting username from input, get username from signed in username

Verify textfields to see if they contain null or not

Make GitHub OAuth more secure with jwt

Fix bug that kept on showing on Vercel

Remove all spam comments

Have admins

• They can delete anyone's comments

Ratelimit on username

• Check if user is ratelimited function

Add whole page css

Get all comments

Use https://hevodata.com/learn/next-js-mongodb-connection/ to establish mongodb connection

Delete your own comment

Add ratelimit (once an hour)

Save userid when commenting

• Save userid when commenting
• Implement delete comment so you don't need to access username to delete your own comment
• Add userid to admin instead of username and implement to admin deleting comment

Proposal: Add a Directory Flow for Contributors

Hey @VulcanWM, I was wondering if I could work on creating a new file as contributing.md that would enlist places to look for when contributing to the project for more accessible contributions. It would take time though, since I have 3 other issues assigned at other orgs and will complete them first.
If this is ok with you, please assign me the issue, and I will complete it afterward.

Only show form when user is logged in

Proposal: Add README for the project

Hey @VulcanWM, I was wondering If you would be interested in me creating documentation for this project. I saw that it was missing so maybe I can contribute to it. I will be applying for GSoD this year so will be a good practice.

Get to work on Replit

Make a repl for this project and add GitHub OAuth for that repl

Save username to cookies

• If username is not saved to cookies on serversideprops, then add the cookie
• Use cookie to get username instead of get request every time
• Use that username cookie for comment function as well

Index without login in

Make sure you can see the comments even if you aren’t logged in.

Add CSS for comment

Replit Bounties: Adding Github Auth in NextJs website

Ma'am,
I will be working on the project for Replit Bounties and will create a pull request for the repo once completed. Thank you.

Even if ratelimited, the comment still posts

On logout, remove username cookie

Add favicon

Add timestamps for comments

CSS for comment form

• style button
• style username input (input will be disabled as name will be saved)
• style login and logout button
• style message input

Use GitHub Access Token to get username data

So I don't get ratelimited

Censor comments

Use react-hook-form for the forms