Awesome Open Source
Awesome Open Source

React Authorization Application

Client Code Architecture 💻

index.jsx -> Root file for the React application. Initializes the Redux store, routes, etc. actions -> Actions to be dispatched based on user events. Logging in, creating an account, etc. assets -> Global assets required throughout the application. Sass mixins, variables, etc. components -> Global components to be reused throughout the application. For example, a container component for responsiveness architecture. reducers -> Initial state for the redux store. routes -> Routes for the application. scenes -> Also known as pages. Scenes are the components to be displayed via routes. For example, the login route will display the login scene, etc.

 index.jsx
 actions
|   ...
 assets
|   ...
 components
|   ...
 reducers
|   ...
 routes
|   ...
 scenes
    ...

Server Code Architecture 🔒 💾

index.js -> Root file for the node server. controllers -> Callback method for routes, modifies client data before passing onto the model, etc. models -> Schema structure for database tables. These models are using Sequelize as an ORM. routes -> API endpoints. Authorizing user, logging in, etc.

 index.js
 controllers
|   ...
 models
|   ...
 routes
    ...

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,535,723
Reactjs (75,636
Redux (13,315
Mysql (12,508
Express (11,599
Webpack (9,740
Jwt (3,663
Axios (3,555
Babel (3,261
Redux Thunk (1,414
Sequelize (1,225
Bcrypt (487
Es7 (281
Related Projects