Leaflet

Overview

A social media platform for book-lovers!

🌐 Website
📑 Notion

Built With

• Style
  • Material UI
  • Emotion
• Language & Framework
  • TypeScript
  • Next.js
• State Management
  • Recoil
  • Context API
• API
  • Aladin API (books)
  • Naver API (places, map, geocode)
• Backend
  • Firebase Authentication
  • Firebase Cloud Firestore
  • Firebase Storage
  • Vercel
  • Namecheap DNS & SSL
• Version Control
  • Git
  • Sourcetree
• Plan & Design
  • Figma
  • Notion
• Others
  • VS Code
  • Tiptap (WYSIWYG editor)
  • uuid (UUID generator)

Features

UI/UX

• Responsive design
• Enable dark mode (light, system, dark)
• Customize Material UI
• Sticky header(nav bar) & footer
• ... and more!

Back-End

• Authentication (sign up, sign in, & sign out with email & password or with your Google account)
• Database (store, get, & update user data, posts, post comments, & book reviews)
• Storage (store & access image files)

Posts

• Search posts by keywords
• View posts
• Make posts (if signed in)
• Comment, like, & bookmark posts (if signed in)

Books

• View bestsellers & new arrivals (Aladin API)
• Search books (Aladin API)
• Review & rate books (if signed in)

Bookstore

• Search bookstores (Naver Region Search API)
• Display bookstore's location on the map (Naver Maps API)

User

• View my profile
• Edit my profile
• View my posts & my reviews
• View & remove posts I liked or bookmarked