An open API service indexing awesome lists of open source software.

https://github.com/shilza/stickynotes

Tool that organizes your projects into boards
https://github.com/shilza/stickynotes

apollo effector express graphql mongodb reactjs

Last synced: 14 days ago
JSON representation

Tool that organizes your projects into boards

Awesome Lists containing this project

README

        

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)

# Sticky Notes

Tool that organizes your projects into boards. View [Demo](https://stickygraph.herokuapp.com)

Login details:
* Username: test
* Password: testtest

# Install
1. git clone https://github.com/Shilza/StickyNotes
2. npm install
3. npm run start (backend)
4. cd frontend
5. npm run start (frontend)

# Stack
* React
* Styled-components
* Effector
* GraphQL (Apollo)
* NodeJs (Express)
* MongoDB

# Features
* Authentication
* Boards creation
* Customise boards
* Lists creation
* Records creation
* Adding marks to records
* Lists and records drag and drop

# Sticky Notes inside

This section shows the Sticky Notes user interface on desktop and mobile devices

## Desktop

### Boards page
![Boards page desktop](https://github.com/Shilza/StickyNotes/blob/master/presentation/desktop/boards.webp)

### Lists page
![Lists page desktop](https://github.com/Shilza/StickyNotes/blob/master/presentation/desktop/lists.webp)

### Edit record modal
![Edit record modal desktop](https://github.com/Shilza/StickyNotes/blob/master/presentation/desktop/edit.webp)

## Mobile

### Lists page
![Lists page desktop](https://github.com/Shilza/StickyNotes/blob/master/presentation/mobile/lists.webp)