Tech Stack

Starred (🌟) technologies are used prominently throughout the project!

Core Technologies

🌟TypeScript + React - Front-end Language + Framework

🌟Next.js - Server-side Processing

🌟Yarn - Package manager

🌟Vercel - Hosting service

🌟Mantine - Component library

🌟Tabler Icons - Icons library

SVGR - Convert SVG to React components

🌟Google Firebase - User data and authentication

Strapi - Announcements and database (reactions) (Admin Panel)

Backblaze B2 - Assets and image storage

Imagemagick - (enstars/makotools-optimize-assets) CLI Image conversion and optimization

Satori - (enstars/makotools-link-preview) On-request link preview image renderer [Formerly Puppeteer]

🌟next-firebase-auth (v 1.0.0-canary.11) - Firebase Auth integration into Mext.js server-side stuff

fuzzysort - Client-side search

marked - Linrary for dealing with Markdown

lodash - Utility functions

Google Sheets - Frontend for data management

GitHub Actions - (enstars/makotools-data-sync) Sheets -> JSON conversion

🌟JS Fetch API - Basic Data Fetching

SWR - Advanced Data Fetching (planned)

Meilisearch - Search Backend

Transifex - (enstars/makotools-i18n) Translation management

next-translate - Library for using translations in the app

🌟Dayjs - Date formatting

Intl - Native JS function for number formatting

Figma - UX & Design