Skip to content

ByPort/valentines-day-card

 
 

Repository files navigation

Valentine's Day Card

Setup

  1. Copy .env.local.example to .env.local and alter the following variables:
    • NEXT_PUBLIC_TITLE: site title
    • NEXT_PUBLIC_EASYMODE: set to true to pre-solve all puzzles
    • GIFT_PATH: path to a gift file
    • GIFT_FILENAME: file name when downloaded
    • GIFT_CONTENT_TYPE: file mime type
  2. Upload your photos to public/photos/. E.g. photos of your couple of important moments.
  3. Go to app/puzzles/puzzles.ts and add puzzles for these photos. Set piecesCount to manage difficulty. This is the count per one side, so the total count is piecesCount^2
  4. Inspect the files listed below. Feel free to alter text and resources
    • app/congratulations/page.tsx
    • app/page.tsx
    • app/puzzles/[puzzle]/page.tsx
    • app/globals.css
    • public/*

Development server

# Activate node 18
# Skip this step if you use node without the nvm version manager
nvm use

# Start the server
npm run dev

Screenshots

Hello Jigsaw unsolved Jigsaw solved Congratulations

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 87.7%
  • JavaScript 8.7%
  • CSS 3.6%