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

Architecture diagram

The article that describes the diagram above

The article that describes the presentation layer

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

2. Open a project directory with:

  cd my_project_name

3. Install NPM packages:

  yarn

License

MIT