Introduction & Objective

Hello,

My name is Ben Schaaf and I created this project as an exercise in demostrating several technologies:

1. React, React Router
2. Redux
3. ES6
4. LocalStorage
5. Service Workers (for Offline)

My objective was to create a note taking application that would function even while the user was offline.

Disclaimers

This application is not a finished project. There are several features which I would address over time. Below is my list of prioritized next-up tasks.

• All data is currently only stored in LocalStorage. This is only due to time limitations. In the future, a user would sync their notes when online. When offline, items would be queued until the online conectivity is returned. (Effort: 5 points)
• The app has not been tested thoroughly, unit or otherwise. I developed the site using Chrome on a MacBookPro. Next up: Add prop types and testing frameworks. (Effort: 5 points)
• I bumped heads with Bulma and need to spend a couple hours sorting through some styles and helpers. (Effort: 3 points)
• Refactor Redux actions and reducers. They work, but could be streamlined. (Effort: 3 points)
• The offline experience should be improved. It is my intention to add notifications and alternative flows for offline users. (Effort: 2 points)
• Currently when viewing posted notes, there is a very limited filter. In the future, a user should be able to sort by tag or by text. (Effort: 5 points)

Tools & Frameworks

I used several libraries when creating this microsite, including:

• Javascript framework: React (an ejected create-react-app)
• Grid framework: Bulma

Thanks for your interest!

Please feel free to contact me ben at benschaf dot com