Skip to content

mat-jar/mat-flashcards-front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mat Flashcards&Sentences app

tl;dr

  • Ruby on Rails backend (hosted on Fly.io) and React frontend (hosted on netlify.com)
  • Backend:
    • https://mat-flashcards.fly.dev
    • Gitgub repo: mat_flashcards_api
    • RoR: api, CanCanCan, Devise, jwt, Warden (custom strategy), has_secure_token, enum, service objects, query objects, httparty, Nokogiri, web scraping, xpath, custom validation, PostgreSQL, polymorphic associations, self joins, Rspec
  • Frontend:
    • https://mat-flashcards.netlify.app
    • Gitgub repo: mat-flashcards-front
    • React: class and function components, useState, useEffect, conditional render, axios, runtimeEnv, bootstrap, react-bootstrap, custom css, react-toastify, localStorage, backend authorisation with request headers

About

Mat Flashcards&Sentences is a prototype educational app creatively based on cram.com and quizlet.com services, as well as Sentence Master Android App, which I used to utilize in my work as an English teacher. My intention was to combine the most valuable features of each of them while adding a few new ideas.

I strongly believe that using flashcards is one of the best ways of memorizing various types of information and a crucial tool when learning languages. Learning the vocabulary usage seems to be an obvious further step, that's why I decided to include a functionality to study complete sentences.

The main goal of developing the project has been to practise building a functional web app, however I really appreciated the notion of creating a potentially useful educative tool.

Details

The app consists of RoR backend and React frontend working separately, communicating via http requests.

React frontend is under construction ;)

About

A flashcard application prototype - React frontend

Topics

Resources

Stars

Watchers

Forks