Skip to content

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!

License

Notifications You must be signed in to change notification settings

Levofron/NotionLingo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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