Coder Social home page Coder Social logo

mern-passport-box's Introduction

๐Ÿ“ฆ M-E-R-N + passport box

๐Ÿฝ Use

  • Fork, or clone and copy what you need

๐Ÿ—ƒ๏ธ Folder structure

.
โ”œโ”€โ”€ _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

mern-passport-box's People

Contributors

ronerlih avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.