Notiz

Notiz is a note taking app and note organization app. Users signup and then login to bring them to their notebooks page, where they can create a new notebook and then create notes within that notebook for organization.

screen shot 2019-02-18 at 11 43 56 am

Available Scripts

Backend built with Ruby on Rails API using Postgres. Endpoints for users, user tokens, notebooks, and notes.

Frontend built with React.Js and Redux for state management. User Interface designed with custom CSS styling.

Ruby Knock Gem on the backend and bcrypt on the frontend for JWT Authentication. Google Cloud Translation Api for translating notes into foreign languages. Notebooks and notes stored on the backend, with the date created for notes formatted using Moment.js. Multi-page and dynamic links created using React Router and WithRouter.

Backend Run the rails API from https://github.com/SauceDoctR914/mod6project-Backend-api/ on port 3002 with

bundle install rails db:create rails db:migrate rails s -p 3002 Frontend

To install frontend dependencies run

npm install

To open in browser run

npm start

Usage Example

screen shot 2019-02-18 at 11 44 13 am

After creating a notebook a user can click the notebook link to display that particular notebook's page. Once there, they can create a new note which is initialized with a title, the date created from a drop down, a brief description of the note, and the note content. After a note is created, the user may edit that note, delete the note or even translate that note into over 100 different languages!

screen shot 2019-02-18 at 12 04 00 pm

Here the note is translated into greek. At any time, the User may hit logout at the top left of the page and it will remove their JWT token, log them out, and return them to the login page where they may log back in or signup as different user.

Contact

Gavin Sokolof - sokolofg@gmail.com