Keep Your Notes

Table of contents

• Keep Your Notes
  • Table of contents
  • General info
  • Technologies and libraries
  • Setup
  • Build
  • Features
  • Screenshots
    • Mobile
    • Desktop

General info

Keep your notes is an application that let you keep all of your notes in one place.
The idea and purpose of this app was to create the application that will be similar to keep.google.com but not a one-to-one copy.
The main features of the application: user registration and login, notes and categories management, user account management, searching for notes by title, filtering notes by category, two language avaiable (PL, EN), pinning a note to the top of the list of notes. Each note can have such things like: title, description, category, images and own background color, that let you highlight it.

This project was bootstrapped with Create React App.

You can see the project by clicking on the link below.
See project

Demo account:
login: test@test.pl
pass: Test123@

Project status: in progress

Technologies and libraries

Project is created with:

• React
• React-Router-Dom
• Bootstrap
• TypeScript
• React-Masonry-CSS
• Focus-Trap-React
• React-INTL
• React-Testing-Library

Setup

To run this project, install it locally using npm:

npm install
npm start

Build

To build this project:

npm run build

Features

Features list:

• Add, Edit, Remove note
• Display notes
• Display full note
• Add, Edit, Remove category
• Display categories
• Filter notes by category
• Search notes by title
• Set background colors for specific note
• Duplicate note
• Pin the note
• Log in
• Sign up
• Edit user profile
• PL / EN languages
• Light / Dark mode
• Print note
• Checklist
• Number of notes
• Number of attachments

To do:

• Add / Remove Collabolators
• Shere the note

Screenshots

Mobile

Desktop