Skip to content

Ateendee front end and backend refence

Tharindu Lakshan edited this page Apr 13, 2023 · 4 revisions

Reference for Front-end

Material React Table and MUI for table creation https://www.material-react-table.com/docs/guides/customize-toolbars

Graph creation

https://nivo.rocks/line/

React redux

https://react-redux.js.org/introduction/getting-started

React Redux Toolkit

https://redux-toolkit.js.org/tutorials/quick-start

MUI in react

https://mui.com/material-ui/getting-started/installation/

BOX

https://mui.com/material-ui/react-box/

Grid

https://mui.com/material-ui/react-grid/

react Date Picker

https://reactdatepicker.com/

react toastify

https://fkhadra.github.io/react-toastify/introduction

web-vitals

The web-vitals library uses the buffered flag for PerformanceObserver, allowing it to access performance entries that occurred before the library was loaded.

This means you do not need to load this library early in order to get accurate performance data. In general, this library should be deferred until after other user-impacting code has loaded.

From npm You can install this library from npm by running

npm install web-vitals

Talwindcss

https://tailwindcss.com/docs/installation

Talwindcss autoprefixer

https://tailwindcss.com/docs/installation/using-postcss

postcss

https://github.com/postcss/postcss

Back-end Reference

express https://expressjs.com/en/guide/routing.html

body-parser

https://expressjs.com/en/resources/middleware/body-parser.html

cors

https://expressjs.com/en/resources/middleware/cors.html

dotenv

https://www.npmjs.com/package/dotenv

helemet

https://helmetjs.github.io/

morgan

https://www.geeksforgeeks.org/what-is-morgan-in-node-js/

nodemailer

https://nodemailer.com/about/ https://github.com/nodemailer/nodemailer/

nodemon

Nodemon is a utility depended on about 3 million projects, that will monitor for any changes in your source and automatically restart your server. Perfect for development.

npm install -g nodemon

https://github.com/remy/nodemon/