kacperbudny/notesapp

A Google Keep clone built in MERN stack.

NotesApp

NotesApp is a Google Keep clone built using MERN stack. It is supposed to be a bit more advanced take on a classic "NotesApp".

Features

• Basic CRUD operations on front-end
• Basic CRUD operations on back-end
• Changing colors of the notes
• Toast notifications
• Authentication with token refreshing
• Archiving notes
• Pinning notes
• Adding tags to the notes & filtering by them
• Search functionality
• Changing order via drag & drop
• Checklists inside notes
• Masonry layout for notes
• A somewhat responsive layout, of course

Screenshots

Setup

First you need to install packages:

npm run install-modules

You also have to create .env file in the server directory with your own MongoDB credentials and a secret key. You can find a sample .env file in server/.env.sample - you can just copy it, rename it to .env and provide your own values.

Then to start the app you have to run two consoles, one for front-end and one for back-end. There are commands for the root directory:

npm run start:server

And on the second console:

npm run start:client

Log-in credentials

The server application seeds automatically if there are no users in the database. You can find the most current seed data in server/utils/seed folder, but one of these credentials should work:

Username: [email protected]
Password: testing

Username: [email protected]
Password: testing

Environment variables

Variable name	Description	Required?
MONGO_USER	Username for your MongoDB connection string.	Yes
MONGO_PASSWORD	Password for your MongoDB connection string.	Yes
SECRET_KEY	A secret key that will be used to sign and verify JWTs.	Yes
REFRESH_SECRET_KEY	A secret key that will be used to sign and verify JWT refresh tokens.	Yes
FORCE_SEED	If you set it to "true", the database will be cleaned up before seeding.	No

Technologies

Front-end

• React
  • React Router
  • PropTypes
  • CSS Modules
• SCSS
• react-dnd

Back-end

• Node.js
• Express
• MongoDB
• Mongoose

notesapp's Issues

Run errors

Hello, thank you for writing this! I'm following the instructions and running into a few errors:
On the server side:

> cd ./server && npm run start


> [email protected] start
> nodemon app.js

[nodemon] 2.0.16
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node app.js`
(node:26171) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
(Use `node --trace-deprecation ...` to show where the warning was created)
Error: querySrv ESERVFAIL _mongodb._tcp.cluster0.opgre.mongodb.net
    at QueryReqWrap.onresolve [as oncomplete] (node:internal/dns/callback_resolver:45:19) {
  errno: undefined,
  code: 'ESERVFAIL',
  syscall: 'querySrv',
  hostname: '_mongodb._tcp.cluster0.opgre.mongodb.net'
}
[nodemon] clean exit - waiting for changes before restart

On the client side:

node:internal/modules/esm/resolve:302
  return new ERR_PACKAGE_PATH_NOT_EXPORTED(
         ^

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/tokenize' is not defined by "exports" in /home/binitshah/Projects/NotesApp/client/node_modules/postcss-safe-parser/node_modules/postcss/package.json
    at exportsNotFound (node:internal/modules/esm/resolve:302:10)
    at packageExportsResolve (node:internal/modules/esm/resolve:649:9)
    at resolveExports (node:internal/modules/cjs/loader:596:36)
    at Module._findPath (node:internal/modules/cjs/loader:673:31)
    at Module._resolveFilename (node:internal/modules/cjs/loader:1135:27)
    at Module._load (node:internal/modules/cjs/loader:990:27)
    at Module.require (node:internal/modules/cjs/loader:1237:19)
    at require (node:internal/modules/helpers:176:18)
    at Object.<anonymous> (/home/binitshah/Projects/NotesApp/client/node_modules/postcss-safe-parser/lib/safe-parser.js:1:17)
    at Module._compile (node:internal/modules/cjs/loader:1378:14) {
  code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'
}