ruaraikirk / cs-note-app

Notes application created using React, Redux and DraftJS as a learning exercise.

Home Page:https://cocky-pike-0a2c4f.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CS Note App

This project was bootstrapped with Create React App.

Getting Started

Access Locally

$ git clone https://github.com/ruaraikirk/cs-note-app.git
$ cd [REPO_NAME]
$ npm i
$ npm start

Progress and requirements met

Frontend

  • It has to be single page application.
  • It has to be developed using React, Redux and DraftJS (DraftJS is optional, you can select another similar library).
  • As package bundler, Webpack has to be used.
  • Use of Prettier. 
  • Responsive.
  • You can use Bootstrap as base framework.
  • Project tracked with git.

Notes and points for improvement/further work

  • Left Nav List
    • Would ideally be implementing a burger menu for mobile device
    • Hover affect not functioning
":hover": {
              boxShadow: "0 0 22px 0 rgba(0, 0, 0, 0.10)"
            }
  • Save Button
    • Currently the requirement for 'save button has to detect changes, and if there isn't any changes, it has to be disabled.' is not fully implemented.
  • Pure CSS has been used in conjunction with Bootstrap. Minimal experience with LESS/SASS to date.
  • Not yet deployed to dockerhub.
  • Redux would ideally be working with a backend API.
  • StandardJS has not been utilised.

About

Notes application created using React, Redux and DraftJS as a learning exercise.

https://cocky-pike-0a2c4f.netlify.com/


Languages

Language:JavaScript 82.2%Language:HTML 9.3%Language:CSS 8.5%