Flippy.Cards

Passion Project - Cute Flashcard Study Tool

Key Features • Screencaps • Built With • Credits • Check These Out

Key Features

• Card Pack Creator Page
  • Debounced autosave
  • Rich Text Editor
  • Drag & Drop rearrange
• Card Pack Viewer
  • Card Swiper
    • Drag & Drop
      • Optimized animations
• Card Pack Gamemode
  • Match
    • Accurate Timer
      • Interactive Animations
• Modals
  • Image Picker - Image Uploader connected to CDN and DB - Drag & Drop uploader - Image Url Uploader
    • Login/ Signup
      • MongoDB login
        • Email Confirmation
    • Publish Confirmation
• Styles
  • SCSS
    • Tailwind
    • Bootstrap
• Analytics
  • Umami
    • Google

Screencaps

...or visit the Live Website to see it live🔥!

---

Home Hero

Home Section 2

Card Pack

Card Pack Popper

Editor

####Editor Rich Text Editor & Popper

Gamemode Menu

Match Gamemode

Match Gamemode Midgame

** **

Built with

• React
• NextJs
• Framer Motion
• Sass
• Recoil
• Tailwind
• Bootstrap
• Yup
• Dnd Kit
• React Query
• Formik
• DraftJs
• Popper

---

Check These Out

• thehumanexperience - Portfolio of Chris Orozco, a photographer.
• kongee - Portfolio of Sally (Hyunji) Kim, a UI/UX designer.

---

Website bmschoi.dev  ·  Email brandonchoi2016@gmail.com