Skip to content

shubham-am-i/Notes

Repository files navigation

React-Notes

Save your important notes on the go

Project in Action - React Notes

React Notes 1

Features

  • Use ES6 Modules on the back-end
  • Global context using createContext and utilize useContext hook
  • Setup MongoDB database in the cloud (Atlas)
  • Utilize "express-async-errors" package (eliminate use of try/catch blocks)
  • Implement custom Error-Handling with personalized status codes
  • Persist data in local storage
  • Implement search functionality along with pagination
  • view last edit & light/dark themes
  • use event bubbling on parent node to listen for events

Usage

Env Variables

Create a .env file in the root and add the following

NODE_ENV = development
PORT = 5000
MONGO_URI = your mongodb uri

Install Dependencies (frontend & backend)

npm run install-dependencies

Run

# Run frontend (:3000) & backend (:5000) both using concurrently
npm run dev
# Run backend only
npm run server

Build & Deploy

# Create frontend prod build
npm run build-client

Note

For responsive layouts - Mobile Devices between 320px to 480px only.