Skip to content

heegupark/omega-flash-cards

Repository files navigation

Omega Flash Cards

  • Maintained by: Heegu Park

Functionality Overview

  1. Client can save the data to a local storage(web storage) and get the data from the local storage.
    • Read data from local storage
    • Create a new card and send the data to local storage to save the data
    • Delete a card from local storage
    • Update a card and send the updated to local storage to update the data
  2. Client can handle all CRUD functions to a local storage
    • Manage a local storage data to process the data from clients
  3. Mainly used React to create all HTML elements(virtual DOM) to dynamically display all data using DOM upon the data from local storage
  4. Support most of mobile devices(iPad - Landsacpe/Portrait, iPhone X - Landsacpe/Portrait, iPhone 6s/7s/8s - Landsacpe/Portrait, iPhone 6/7/8 - Landsacpe/Portrait, and so on)

Planned Features

  1. User can view cards.
  2. User can create a card.
  3. User can delete a card.
  4. User can update a card.

Lessons Learned

  1. Various ways of accessubg local storages using React function and dynamically display data using React virtual DOM functions
  2. Experienced to deal with various functions of React virtual DOM
  3. Experienced to effectively use React and Bootstrap for displaying data
  4. React and JavaScript Object Oriented Programming for better functionalities and to increase the re-usage of codes

Live Site

Screen shot

[Desktop - Chrome browser]

Omega Flash Cards

[iPhone 6/7/8 - Portrait]

Omega Flash Cards

[iPhone 6/7/8 - Landscape]

Omega Flash Cards

About

A flash cards application built with React.js and Bootstrap

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published