Flote is a shared note-taking app inspired by Trello and Google Docs, available in the browser and as a native smartphone app. Flote brings remote workplaces closer together via live collaboration. Writing task lists is made easy. New tasks, deletes, and updates all show up in realtime in a lightweight UI.
Lists are an important part of daily flow in work environments and at home. Flote is designed to make task listing and note taking that much easier. We want to bring people even closer with live communication between a group of coworkers.
-React and React Native frontends -Ruby on Rails API backend -Redis and Sidekiq for job queuing and API request caching -Action Cable websockets for real time updates across clients -JWT authentication and authorization -Bcrypt password encryption -Semantic styling
-Real time updating of notes across clients -PRPL pattern for high-level optimization -Websocket keydown tracking in real time -Fully secure authentication and authorization -Smartphone native app for Android and Iphone
- git clone this repo, the react native repo at https://github.com/jeremygottfried/Flote-react-native, and the backend repo at https://github.com/jeremygottfried/flote-backend-
yarn installornpm installon the frontend repoyarn startornpm starton the frontend repo- In the React Native repo, run
react-native run-ios --simulator="iPhone 5s" - In the backend repo, edit the seed.rb file with your own information, then run rails db:reset.
- In the backend repo, run
redis-serverin one tab, thenforeman startin another tab, thenrails s -p 4000in another tab in your terminal. - navigate to localhost:3000 and log in to begin using the app.
https://github.com/jeremygottfried/flote-backend-
- Navigate to localhost:3000
- create a new account or log in
- click on 'add a new note' and begin typing
- click outside the text box to save the note
- Click the 'x' above the note to delete it.