Skip to content

sophia0805/birthday-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Oct 17, 2025
524c4ef · · Oct 17, 2025

History

14 Commits
Oct 10, 2025
Oct 17, 2025
Aug 14, 2025
Oct 17, 2025
Aug 14, 2025
Aug 14, 2025
Oct 4, 2025
Oct 4, 2025

Repository files navigation

birthday guestbook

create a birthday guestbook for a friend and get everyone to sign it!

features

  • sketchpad where you can draw with any color and any size brush
  • message inputs for birthday wishes and names
  • image storage using imgbb api to save drawings
  • share links to send to friends and family
  • mongodb storage for consistent guestbook entries

usage

  1. create a new guestbook and get a unique link
  2. share the link with friends and family
  3. people can leave messages and draw pictures
  4. view all entries in a display link

installation

  1. Clone the repository

    git clone https://github.com/sophia0805/birthday-card
    
    cd birthday-card
  2. Install dependencies

    npm install
  3. Create a .env.local

    MONGODB_URI=""
    
    IMGBBKEY=""
  4. Run the development server

    npm run dev
  5. Open your browser Navigate to http://localhost:3000

history

this was my first time using a mongo database to store data. i struggled with debugging tls errors before finding out that you have to add your ip address to the whitelist and deploying with vercel.

finished product