.
βββ _assets <- # project management assets
βββ client <- # front end react app
β βββ README.md <- # create react app readme
β βββ package.json <- # create react app dev server (hot reloading)
β βββ public <- # front end static files
β β βββ favicon.ico
β β βββ index.html
β β βββ manifest.json
β βββ src <- # font end source (can also place static files to be packed with webpack)
β βββ App.js <- # π react app entry point
β βββ components <- # reusable components
β β βββ Card
β β βββ DeleteBtn
β β βββ Form
β β βββ Grid
β β βββ Head
β β βββ **ProtectedRoute** <- # protected routes (HOC)
β β βββ Table
β βββ index.js
β βββ pages <- # page components
β βββ style.css
β βββ **utils** <- # front end utils
β βββ API.js <- # coments routes front end api
β βββ useLogPath.js <- # custom hook for development - logs current path
β βββ userAPI.js <- # user routes front end api
βββββββββββββββββββββββββββ **βοΈ client π server**
βββ controllers <- # routes function
β βββ commentsController.js
β βββ userController.js
βββ models <- # Schemas
β βββ Comment.js
β βββ User.js
β βββ index.js
βββ routes <- # routes (only API routes)
β βββ api
β β βββ comments.js
β β βββ index.js
β β βββ user.js
β βββ index.js
βββ utils <- # server helper functions
β βββ config.js <- # global config (put anything you like)
β βββ passport.js <- # passport setup
β βββ seedDB.js <- # seed script
βββ package.json
βββ readme.md
βββ server.js <- # π entry point