Skip to content

timtbdev/sign-dictionary

Repository files navigation

Mongolian Sign Language Dictionary

Start learning today - Demo

Mongolian sign language dictionary Mongolian sign language dictionary

An open source sign language dictionary app build with Next.js 13 and Supabase, TailwindCSS, Shadcn-UI.

Demo

Precedent.mp4

Tech Stack + Features

Frameworks

  • Next.js – React framework for building performant apps with the best developer experience
  • Supabase Auth – User Management system that works without any additional tools

Platforms

UI

  • Tailwind CSS – Utility-first CSS framework for rapid UI development
  • Tailwind UI – Beautifully designed, expertly crafted components
  • Shadcn UI – Beautifully designed components
  • Headless UI - Completely unstyled, fully accessible UI components
  • Framer Motion – Motion library for React to animate components with ease
  • React Hot Toast - Smokint hot React Notification
  • Lucide – Beautifully simple, pixel-perfect icons
  • Heroicons - Beautiful hand-crafted SVG icons
  • next/font – Optimize custom fonts and remove external network requests for improved performance
  • ImageResponse – Generate dynamic Open Graph images at the edge
  • react-wrap-balancer – Simple React component that makes titles more readable

Utilities

  • React Hook Form –  Performant, flexible and extensible forms with easy-to-use validation.
  • Zod - TypeScript-first schema validation with static type inference

Code Quality

  • TypeScript – Static type checker for end-to-end typesafety
  • Prettier – Opinionated code formatter for consistent code style
  • ESLint – Pluggable linter for Next.js and TypeScript

Miscellaneous

  • Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way

Running Locally

  1. Install dependencies using pnpm:
pnpm install
  1. Copy .env.example to .env.local and update the variables.
cp .env.example .env.local
  1. Start the development server:
pnpm dev

Author