/NotionLingo

Elevate your vocabulary with our cutting-edge app! Our intuitive platform allows you to easily learn new words and phrases from your own Notion database!

Primary LanguageTypeScriptMIT LicenseMIT

NotionLingo

Elevate your vocabulary with our cutting-edge app! Our intuitive platform allows you to easily learn new words and phrases from your own Notion database!

Motivation and goals

  • I needed an app to easily and really, really fast learn new vocabulary
  • I wanted to test clean architecture approach on frontend for production ready application
  • I wanted to create some app to see how is web scrapping working

Screenshots

Dashboard

Onboarding

Architecture diagram

Architecture

Features

  • Customizable language learning
  • Text-to-speech APIs
  • Auto-generated images
  • IPA text generation for each word
  • Basic statistics
  • Intuitive interface for finding, creating, and updating words
  • Fast API ideal for large libraries of words
  • Personalized vocabulary lists
  • Progress tracking

Tech Stack

Client: React, NextJS, ChakraUI, Typescript, Formik, Framer-motion, Yup

Server: Cheerio, Supabase, NotionIQ, Axiom

Installation

Install my-project with npm

  1. Clone the repo
  git clone https://github.com/Levofron/NotionLingo.git my_project_name
  1. Open a project directory with:
  cd my_project_name
  1. Install NPM packages:
  yarn

License

MIT