Skip to content

oashrafov/lute-v3-frontend

Repository files navigation

Lute 3 React Frontend

Lute (Learning Using Texts) is a web application for learning languages by reading texts. The core application is written in Python/Flask. This repo adds React frontend which works with backend's API endpoints.

Demo: https://lute-v3-frontend.onrender.com (might need up to a minute for the server to spin up)

Built With

React TypeScript TanStack Router TanStack Query Mantine React Hook Form Zod Vite

Installation

Installation will be in two parts. First we install the backend with API endpoints and then this frontend app.

Backend

Use the api branch from the below repo. See installation instructions here.

https://github.com/oashrafov/lute-v3/tree/api

Install backend and launch it.

Frontend

Clone this repo.

git clone https://github.com/oashrafov/lute-v3-frontend.git

cd into lute-v3-frontend and install packages.

npm install

Create an .env file in the root folder and fill in the backend url.

VITE_BACKEND_URL=

Note: This is the url that core Lute runs at. Default is http://localhost:5001

Build the app.

npm run build

Launch the server.

npm run preview

Your app should be live at http://localhost:4173

About

React frontend for lute-v3 - Live Demo ↓ (wait for server to spin up)

Topics

Resources

Stars

Watchers

Forks

Contributors

Languages