├── public ├── favicon.ico ├── robots.txt ├── mix-manifest.json ├── fonts │ ├── lato-latin-italic-400.woff2 │ ├── lato-latin-italic-700.woff2 │ ├── lato-latin-normal-400.woff2 │ ├── lato-latin-normal-700.woff2 │ ├── vendor │ │ ├── semantic-ui │ │ │ ├── icons.eot │ │ │ ├── icons.otf │ │ │ ├── icons.ttf │ │ │ ├── icons.woff │ │ │ └── icons.woff2 │ │ └── bootstrap-sass │ │ │ └── bootstrap │ │ │ ├── glyphicons-halflings-regular.eot │ │ │ ├── glyphicons-halflings-regular.ttf │ │ │ ├── glyphicons-halflings-regular.woff │ │ │ └── glyphicons-halflings-regular.woff2 │ ├── Raleway-latin-italic-400.woff2 │ ├── Raleway-latin-normal-300.woff2 │ ├── Raleway-latin-normal-400.woff2 │ ├── Raleway-latin-normal-600.woff2 │ ├── Montserrat-latin-normal-300.woff2 │ ├── Montserrat-latin-normal-400.woff2 │ ├── Montserrat-latin-normal-600.woff2 │ ├── Open-sans-latin-italic-400.woff2 │ ├── Open-sans-latin-italic-600.woff2 │ ├── Work-sans-latin-normal-400.woff2 │ ├── Work-sans-latin-normal-500.woff2 │ └── Work-sans-latin-normal-600.woff2 ├── .htaccess └── index.php ├── database ├── .gitignore ├── seeds │ └── DatabaseSeeder.php ├── factories │ └── UserFactory.php └── migrations │ ├── 2014_10_12_100000_create_password_resets_table.php │ └── 2014_10_12_000000_create_users_table.php ├── bootstrap ├── cache │ └── .gitignore └── app.php ├── storage ├── logs │ └── .gitignore ├── app │ ├── public │ │ └── .gitignore │ └── .gitignore └── framework │ ├── cache │ └── .gitignore │ ├── testing │ └── .gitignore │ ├── views │ └── .gitignore │ ├── sessions │ └── .gitignore │ └── .gitignore ├── resources ├── assets │ ├── js │ │ ├── services │ │ │ ├── index.js │ │ │ └── authService.js │ │ ├── pages │ │ │ ├── home │ │ │ │ ├── index.js │ │ │ │ └── Page.js │ │ │ ├── noMatch │ │ │ │ ├── index.js │ │ │ │ └── Page.js │ │ │ ├── dashboard │ │ │ │ ├── index.js │ │ │ │ └── Page.js │ │ │ ├── login │ │ │ │ ├── index.js │ │ │ │ └── Page.js │ │ │ ├── register │ │ │ │ ├── index.js │ │ │ │ └── Page.js │ │ │ ├── forgotPassword │ │ │ │ ├── index.js │ │ │ │ └── Page.js │ │ │ └── resetPassword │ │ │ │ ├── index.js │ │ │ │ └── Page.js │ │ ├── store │ │ │ ├── action-types │ │ │ │ └── index.js │ │ │ ├── reducers │ │ │ │ ├── index.js │ │ │ │ ├── persistStore.js │ │ │ │ └── Auth.js │ │ │ ├── actions │ │ │ │ └── index.js │ │ │ └── index.js │ │ ├── common │ │ │ ├── navigation │ │ │ │ ├── index.js │ │ │ │ └── Page.js │ │ │ ├── pageHeader.js │ │ │ └── mainFooter.js │ │ ├── routes │ │ │ ├── Public.js │ │ │ ├── index.js │ │ │ ├── Private.js │ │ │ └── routes.js │ │ ├── app.js │ │ ├── Http.js │ │ ├── Main.js │ │ └── bootstrap.js │ ├── images │ │ ├── avatar │ │ │ ├── boy.png │ │ │ └── girl.png │ │ └── theme │ │ │ └── infotiq-logo.png │ ├── fonts │ │ └── vendor │ │ │ ├── semantic-ui │ │ │ ├── icons.eot │ │ │ ├── icons.otf │ │ │ ├── icons.ttf │ │ │ ├── icons.woff │ │ │ └── icons.woff2 │ │ │ └── google-fonts │ │ │ ├── lato │ │ │ ├── lato-latin-italic-400.woff2 │ │ │ ├── lato-latin-italic-700.woff2 │ │ │ ├── lato-latin-normal-400.woff2 │ │ │ └── lato-latin-normal-700.woff2 │ │ │ ├── Raleway │ │ │ ├── Raleway-latin-italic-400.woff2 │ │ │ ├── Raleway-latin-normal-300.woff2 │ │ │ ├── Raleway-latin-normal-400.woff2 │ │ │ └── Raleway-latin-normal-600.woff2 │ │ │ ├── Montserrat │ │ │ ├── Montserrat-latin-normal-300.woff2 │ │ │ ├── Montserrat-latin-normal-400.woff2 │ │ │ └── Montserrat-latin-normal-600.woff2 │ │ │ ├── Open-sans │ │ │ ├── Open-sans-latin-italic-400.woff2 │ │ │ └── Open-sans-latin-italic-600.woff2 │ │ │ └── Work-sans │ │ │ ├── Work-sans-latin-normal-400.woff2 │ │ │ ├── Work-sans-latin-normal-500.woff2 │ │ │ └── Work-sans-latin-normal-600.woff2 │ └── sass │ │ ├── _variables.scss │ │ └── app.scss ├── lang │ └── en │ │ ├── pagination.php │ │ ├── auth.php │ │ ├── passwords.php │ │ └── validation.php └── views │ └── home.blade.php ├── .gitattributes ├── tests ├── TestCase.php ├── Unit │ └── ExampleTest.php ├── CreatesApplication.php └── Feature │ └── ExampleTest.php ├── .gitignore ├── app ├── Transformers │ └── json.php ├── Http │ ├── Middleware │ │ ├── EncryptCookies.php │ │ ├── VerifyCsrfToken.php │ │ ├── TrimStrings.php │ │ ├── TrustProxies.php │ │ ├── RedirectIfAuthenticated.php │ │ └── VerifyJWTToken.php │ ├── Controllers │ │ ├── Controller.php │ │ ├── Api │ │ │ └── UserController.php │ │ └── Auth │ │ │ ├── ForgotPasswordController.php │ │ │ ├── RegisterController.php │ │ │ ├── ResetPasswordController.php │ │ │ └── LoginController.php │ └── Kernel.php ├── Api │ └── V1 │ │ └── Controllers │ │ └── ForgotPasswordRequest.php ├── Providers │ ├── BroadcastServiceProvider.php │ ├── AppServiceProvider.php │ ├── AuthServiceProvider.php │ ├── EventServiceProvider.php │ └── RouteServiceProvider.php ├── User.php ├── Notifications │ └── ResetPassword.php ├── Console │ └── Kernel.php └── Exceptions │ └── Handler.php ├── routes ├── channels.php ├── console.php ├── web.php └── api.php ├── config ├── hashing.php ├── view.php ├── broadcasting.php ├── services.php ├── logging.php ├── filesystems.php ├── queue.php ├── cache.php ├── auth.php ├── database.php ├── mail.php ├── jwt.php ├── session.php └── app.php ├── server.php ├── webpack.mix.js ├── .env.example ├── README.md ├── phpunit.xml ├── package.json ├── composer.json └── artisan /public/favicon.ico: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /database/.gitignore: -------------------------------------------------------------------------------- 1 | *.sqlite 2 | -------------------------------------------------------------------------------- /bootstrap/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/logs/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /storage/app/public/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/app/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !public/ 3 | !.gitignore 4 | -------------------------------------------------------------------------------- /storage/framework/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/testing/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/views/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/sessions/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /resources/assets/js/services/index.js: -------------------------------------------------------------------------------- 1 | import * as AuthService from './authService' 2 | 3 | 4 | 5 | export default AuthService; -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto 2 | *.css linguist-vendored 3 | *.scss linguist-vendored 4 | *.js linguist-vendored 5 | CHANGELOG.md export-ignore 6 | -------------------------------------------------------------------------------- /public/mix-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "/js/app.js": "/js/app.js", 3 | "/css/app.css": "/css/app.css", 4 | "/css/all.css": "/css/all.css" 5 | } -------------------------------------------------------------------------------- /resources/assets/js/pages/home/index.js: -------------------------------------------------------------------------------- 1 | import {connect} from 'react-redux' 2 | import Page from './Page' 3 | 4 | export default connect()(Page); -------------------------------------------------------------------------------- /resources/assets/js/pages/noMatch/index.js: -------------------------------------------------------------------------------- 1 | import {connect} from 'react-redux' 2 | import Page from './Page' 3 | 4 | export default connect()(Page) -------------------------------------------------------------------------------- /resources/assets/js/pages/dashboard/index.js: -------------------------------------------------------------------------------- 1 | import {connect} from 'react-redux' 2 | import Page from './Page' 3 | 4 | export default connect()(Page); -------------------------------------------------------------------------------- /resources/assets/images/avatar/boy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/images/avatar/boy.png -------------------------------------------------------------------------------- /resources/assets/images/avatar/girl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/images/avatar/girl.png -------------------------------------------------------------------------------- /public/fonts/lato-latin-italic-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/lato-latin-italic-400.woff2 -------------------------------------------------------------------------------- /public/fonts/lato-latin-italic-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/lato-latin-italic-700.woff2 -------------------------------------------------------------------------------- /public/fonts/lato-latin-normal-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/lato-latin-normal-400.woff2 -------------------------------------------------------------------------------- /public/fonts/lato-latin-normal-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/lato-latin-normal-700.woff2 -------------------------------------------------------------------------------- /public/fonts/vendor/semantic-ui/icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/vendor/semantic-ui/icons.eot -------------------------------------------------------------------------------- /public/fonts/vendor/semantic-ui/icons.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/vendor/semantic-ui/icons.otf -------------------------------------------------------------------------------- /public/fonts/vendor/semantic-ui/icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/vendor/semantic-ui/icons.ttf -------------------------------------------------------------------------------- /public/fonts/vendor/semantic-ui/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/vendor/semantic-ui/icons.woff -------------------------------------------------------------------------------- /storage/framework/.gitignore: -------------------------------------------------------------------------------- 1 | config.php 2 | routes.php 3 | schedule-* 4 | compiled.php 5 | services.json 6 | events.scanned.php 7 | routes.scanned.php 8 | down 9 | -------------------------------------------------------------------------------- /public/fonts/Raleway-latin-italic-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Raleway-latin-italic-400.woff2 -------------------------------------------------------------------------------- /public/fonts/Raleway-latin-normal-300.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Raleway-latin-normal-300.woff2 -------------------------------------------------------------------------------- /public/fonts/Raleway-latin-normal-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Raleway-latin-normal-400.woff2 -------------------------------------------------------------------------------- /public/fonts/Raleway-latin-normal-600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Raleway-latin-normal-600.woff2 -------------------------------------------------------------------------------- /public/fonts/vendor/semantic-ui/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/vendor/semantic-ui/icons.woff2 -------------------------------------------------------------------------------- /public/fonts/Montserrat-latin-normal-300.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Montserrat-latin-normal-300.woff2 -------------------------------------------------------------------------------- /public/fonts/Montserrat-latin-normal-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Montserrat-latin-normal-400.woff2 -------------------------------------------------------------------------------- /public/fonts/Montserrat-latin-normal-600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Montserrat-latin-normal-600.woff2 -------------------------------------------------------------------------------- /public/fonts/Open-sans-latin-italic-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Open-sans-latin-italic-400.woff2 -------------------------------------------------------------------------------- /public/fonts/Open-sans-latin-italic-600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Open-sans-latin-italic-600.woff2 -------------------------------------------------------------------------------- /public/fonts/Work-sans-latin-normal-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Work-sans-latin-normal-400.woff2 -------------------------------------------------------------------------------- /public/fonts/Work-sans-latin-normal-500.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Work-sans-latin-normal-500.woff2 -------------------------------------------------------------------------------- /public/fonts/Work-sans-latin-normal-600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/Work-sans-latin-normal-600.woff2 -------------------------------------------------------------------------------- /resources/assets/images/theme/infotiq-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/images/theme/infotiq-logo.png -------------------------------------------------------------------------------- /resources/assets/fonts/vendor/semantic-ui/icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/fonts/vendor/semantic-ui/icons.eot -------------------------------------------------------------------------------- /resources/assets/fonts/vendor/semantic-ui/icons.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/fonts/vendor/semantic-ui/icons.otf -------------------------------------------------------------------------------- /resources/assets/fonts/vendor/semantic-ui/icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/fonts/vendor/semantic-ui/icons.ttf -------------------------------------------------------------------------------- /resources/assets/fonts/vendor/semantic-ui/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/fonts/vendor/semantic-ui/icons.woff -------------------------------------------------------------------------------- /resources/assets/fonts/vendor/semantic-ui/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/fonts/vendor/semantic-ui/icons.woff2 -------------------------------------------------------------------------------- /resources/assets/js/store/action-types/index.js: -------------------------------------------------------------------------------- 1 | export const AUTH_LOGIN = 'AUTH_LOGIN'; 2 | export const AUTH_CHECK = 'AUTH_CHECK'; 3 | export const AUTH_LOGOUT = 'AUTH_LOGOUT'; 4 | 5 | -------------------------------------------------------------------------------- /public/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /public/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/public/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /resources/assets/fonts/vendor/google-fonts/lato/lato-latin-italic-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/fonts/vendor/google-fonts/lato/lato-latin-italic-400.woff2 -------------------------------------------------------------------------------- /resources/assets/fonts/vendor/google-fonts/lato/lato-latin-italic-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/fonts/vendor/google-fonts/lato/lato-latin-italic-700.woff2 -------------------------------------------------------------------------------- /resources/assets/fonts/vendor/google-fonts/lato/lato-latin-normal-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/fonts/vendor/google-fonts/lato/lato-latin-normal-400.woff2 -------------------------------------------------------------------------------- /resources/assets/fonts/vendor/google-fonts/lato/lato-latin-normal-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sumityadavbadli/react-laravel-with-jwt-auth/HEAD/resources/assets/fonts/vendor/google-fonts/lato/lato-latin-normal-700.woff2 -------------------------------------------------------------------------------- /tests/TestCase.php: -------------------------------------------------------------------------------- 1 | { 5 | return { 6 | isAuthenticated : state.Auth.isAuthenticated, 7 | } 8 | }; 9 | 10 | export default connect(mapStateToProps)(Page) -------------------------------------------------------------------------------- /resources/assets/js/pages/register/index.js: -------------------------------------------------------------------------------- 1 | import {connect} from 'react-redux' 2 | import Page from './Page' 3 | 4 | const mapStateToProps = (state) => { 5 | return { 6 | isAuthenticated : state.Auth.isAuthenticated, 7 | } 8 | }; 9 | 10 | export default connect(mapStateToProps)(Page) -------------------------------------------------------------------------------- /resources/assets/js/pages/forgotPassword/index.js: -------------------------------------------------------------------------------- 1 | import {connect} from 'react-redux' 2 | import Page from './Page' 3 | 4 | const mapStateToProps = (state) => { 5 | return { 6 | isAuthenticated : state.Auth.isAuthenticated, 7 | } 8 | }; 9 | 10 | export default connect(mapStateToProps)(Page) -------------------------------------------------------------------------------- /resources/assets/js/pages/resetPassword/index.js: -------------------------------------------------------------------------------- 1 | import {connect} from 'react-redux' 2 | import Page from './Page' 3 | 4 | const mapStateToProps = (state) => { 5 | return { 6 | isAuthenticated : state.Auth.isAuthenticated, 7 | } 8 | }; 9 | 10 | export default connect(mapStateToProps)(Page) -------------------------------------------------------------------------------- /database/seeds/DatabaseSeeder.php: -------------------------------------------------------------------------------- 1 | call(UsersTableSeeder::class); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /resources/assets/js/pages/noMatch/Page.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | class Page extends React.Component { 4 | constructor(props){ 5 | super(props); 6 | 7 | } 8 | 9 | 10 | 11 | render() { 12 | return( 13 |

Lost in space !

14 | ); 15 | } 16 | } 17 | 18 | export default Page; -------------------------------------------------------------------------------- /app/Transformers/json.php: -------------------------------------------------------------------------------- 1 | $data, 11 | 'message' => $message, 12 | 'status' => $status, 13 | ]; 14 | } 15 | } -------------------------------------------------------------------------------- /resources/assets/js/common/navigation/index.js: -------------------------------------------------------------------------------- 1 | // import libs 2 | import {connect} from 'react-redux' 3 | 4 | // import component 5 | import Page from './Page' 6 | 7 | const mapStateToProps = state => { 8 | return { 9 | isAuthenticated : state.Auth.isAuthenticated, 10 | userName : state.Auth.user.name, 11 | } 12 | }; 13 | 14 | export default connect(mapStateToProps)(Page) -------------------------------------------------------------------------------- /app/Http/Middleware/EncryptCookies.php: -------------------------------------------------------------------------------- 1 | ( 7 | ( 8 |
9 | 10 |
11 | )}/> 12 | ); 13 | 14 | 15 | export default PublicRoute; -------------------------------------------------------------------------------- /tests/Unit/ExampleTest.php: -------------------------------------------------------------------------------- 1 | assertTrue(true); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /app/Http/Middleware/VerifyCsrfToken.php: -------------------------------------------------------------------------------- 1 | 12 | 13 | , 14 | document.getElementById('app') 15 | ); -------------------------------------------------------------------------------- /app/Api/V1/Controllers/ForgotPasswordRequest.php: -------------------------------------------------------------------------------- 1 | 'required|email'); 13 | } 14 | 15 | public function authorize() 16 | { 17 | return true; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /app/Http/Controllers/Controller.php: -------------------------------------------------------------------------------- 1 | { 4 | switch (type) { 5 | case 'persist/REHYDRATE': 6 | return persistStore(state, payload); 7 | default: 8 | return state 9 | } 10 | }; 11 | 12 | function persistStore(state, payload) { 13 | state = Object.assign({}, state,payload); 14 | return state; 15 | } 16 | 17 | export default reducer -------------------------------------------------------------------------------- /tests/Feature/ExampleTest.php: -------------------------------------------------------------------------------- 1 | get('/'); 18 | 19 | $response->assertStatus(200); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /resources/assets/js/store/actions/index.js: -------------------------------------------------------------------------------- 1 | import * as ActionTypes from '../action-types' 2 | 3 | export function authLogin(payload){ 4 | return { 5 | type: ActionTypes.AUTH_LOGIN, 6 | payload 7 | } 8 | } 9 | 10 | 11 | export function authLogout(){ 12 | return { 13 | type: ActionTypes.AUTH_LOGOUT 14 | } 15 | } 16 | 17 | export function authCheck(){ 18 | return { 19 | type:ActionTypes.AUTH_CHECK 20 | } 21 | } -------------------------------------------------------------------------------- /app/Providers/BroadcastServiceProvider.php: -------------------------------------------------------------------------------- 1 | id === (int) $id; 16 | }); 17 | -------------------------------------------------------------------------------- /config/hashing.php: -------------------------------------------------------------------------------- 1 | 'bcrypt', 19 | 20 | ]; 21 | -------------------------------------------------------------------------------- /app/Providers/AppServiceProvider.php: -------------------------------------------------------------------------------- 1 | '« Previous', 17 | 'next' => 'Next »', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /routes/console.php: -------------------------------------------------------------------------------- 1 | comment(Inspiring::quote()); 18 | })->describe('Display an inspiring quote'); 19 | -------------------------------------------------------------------------------- /resources/assets/js/Http.js: -------------------------------------------------------------------------------- 1 | import axios from 'axios' 2 | import store from './store' 3 | import * as actions from './store/actions' 4 | 5 | let token = document.head.querySelector('meta[name="csrf-token"]'); 6 | axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 7 | axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content; 8 | 9 | axios.interceptors.response.use( 10 | response => response, 11 | (error) => { 12 | if(error.response.status === 401 ) { 13 | store.dispatch(actions.authLogout()) 14 | } 15 | return Promise.reject(error); 16 | } 17 | ); 18 | export default axios; 19 | -------------------------------------------------------------------------------- /server.php: -------------------------------------------------------------------------------- 1 | 8 | */ 9 | 10 | $uri = urldecode( 11 | parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH) 12 | ); 13 | 14 | // This file allows us to emulate Apache's "mod_rewrite" functionality from the 15 | // built-in PHP web server. This provides a convenient way to test a Laravel 16 | // application without having installed a "real" web server software here. 17 | if ($uri !== '/' && file_exists(__DIR__.'/public'.$uri)) { 18 | return false; 19 | } 20 | 21 | require_once __DIR__.'/public/index.php'; 22 | -------------------------------------------------------------------------------- /app/Http/Middleware/RedirectIfAuthenticated.php: -------------------------------------------------------------------------------- 1 | check()) { 21 | return redirect('/home'); 22 | } 23 | 24 | return $next($request); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /resources/assets/js/routes/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import {BrowserRouter as Router, 3 | Switch 4 | } from 'react-router-dom' 5 | 6 | import routes from './routes' 7 | import PublicRoute from './Public' 8 | import PrivateRoute from './Private' 9 | 10 | const Routes = () => ( 11 | 12 | 13 | {routes.map((route,i) => { 14 | if(route.auth){ 15 | return 16 | }else{ 17 | return 18 | } 19 | })} 20 | 21 | 22 | ); 23 | 24 | export default Routes; -------------------------------------------------------------------------------- /routes/web.php: -------------------------------------------------------------------------------- 1 | where('social','twitter|facebook|linkedin|google'); 15 | 16 | Route::get('{slug}', function() { 17 | return view('home'); 18 | })->where('slug', '(?!api)([A-z\d-\/_.]+)?'); -------------------------------------------------------------------------------- /public/.htaccess: -------------------------------------------------------------------------------- 1 | 2 | 3 | Options -MultiViews -Indexes 4 | 5 | 6 | RewriteEngine On 7 | 8 | # Handle Authorization Header 9 | RewriteCond %{HTTP:Authorization} . 10 | RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}] 11 | 12 | # Redirect Trailing Slashes If Not A Folder... 13 | RewriteCond %{REQUEST_FILENAME} !-d 14 | RewriteCond %{REQUEST_URI} (.+)/$ 15 | RewriteRule ^ %1 [L,R=301] 16 | 17 | # Handle Front Controller... 18 | RewriteCond %{REQUEST_FILENAME} !-d 19 | RewriteCond %{REQUEST_FILENAME} !-f 20 | RewriteRule ^ index.php [L] 21 | 22 | -------------------------------------------------------------------------------- /resources/views/home.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | react-laravel-with-jwt-auth 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /resources/lang/en/auth.php: -------------------------------------------------------------------------------- 1 | 'These credentials do not match our records.', 17 | 'throttle' => 'Too many login attempts. Please try again in :seconds seconds.', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /app/Providers/AuthServiceProvider.php: -------------------------------------------------------------------------------- 1 | 'App\Policies\ModelPolicy', 17 | ]; 18 | 19 | /** 20 | * Register any authentication / authorization services. 21 | * 22 | * @return void 23 | */ 24 | public function boot() 25 | { 26 | $this->registerPolicies(); 27 | 28 | // 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /webpack.mix.js: -------------------------------------------------------------------------------- 1 | let mix = require('laravel-mix'); 2 | 3 | /* 4 | |-------------------------------------------------------------------------- 5 | | Mix Asset Management 6 | |-------------------------------------------------------------------------- 7 | | 8 | | Mix provides a clean, fluent API for defining some Webpack build steps 9 | | for your Laravel application. By default, we are compiling the Sass 10 | | file for the application as well as bundling up all the JS files. 11 | | 12 | */ 13 | 14 | mix.react('resources/assets/js/app.js', 'public/js') 15 | .sass('resources/assets/sass/app.scss', 'public/css') 16 | .styles(['resources/assets/css/semantic-ui.css', 17 | 'resources/assets/css/animate.css'],'public/css/all.css'); 18 | -------------------------------------------------------------------------------- /resources/assets/js/common/pageHeader.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by Sumit-Yadav on 16-10-2017. 3 | */ 4 | import React from 'react' 5 | import PropTypes from 'prop-types' 6 | import { 7 | Header, 8 | Grid, 9 | Segment 10 | } from 'semantic-ui-react' 11 | 12 | class PageHeader extends React.Component { 13 | constructor(props) { 14 | super(props); 15 | } 16 | 17 | render() { 18 | return ( 19 | 20 |
{this.props.heading}
21 | 22 | ); 23 | } 24 | } 25 | 26 | PageHeader.propTypes = { 27 | heading : PropTypes.string.isRequired 28 | }; 29 | export default PageHeader; -------------------------------------------------------------------------------- /app/Providers/EventServiceProvider.php: -------------------------------------------------------------------------------- 1 | [ 17 | 'App\Listeners\EventListener', 18 | ], 19 | ]; 20 | 21 | /** 22 | * Register any events for your application. 23 | * 24 | * @return void 25 | */ 26 | public function boot() 27 | { 28 | parent::boot(); 29 | 30 | // 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /resources/assets/js/store/index.js: -------------------------------------------------------------------------------- 1 | import {applyMiddleware,createStore,compose} from 'redux' 2 | import logger from 'redux-logger' 3 | import RootReducer from './reducers' 4 | import ReduxThunk from 'redux-thunk' 5 | import {persistStore, persistReducer} from 'redux-persist' 6 | import storage from 'redux-persist/lib/storage' 7 | import hardSet from 'redux-persist/lib/stateReconciler/hardSet' 8 | 9 | const persistConfig = { 10 | key: 'root', 11 | storage, 12 | stateReconciler: hardSet, 13 | } 14 | 15 | const persistedReducer = persistReducer(persistConfig, RootReducer); 16 | 17 | const store = createStore( 18 | persistedReducer, 19 | compose( 20 | applyMiddleware(ReduxThunk,logger) 21 | ) 22 | ); 23 | persistStore(store); 24 | export default store; 25 | -------------------------------------------------------------------------------- /resources/assets/js/pages/dashboard/Page.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { 3 | Button, 4 | Container, 5 | Grid, 6 | Header, 7 | Icon, 8 | Responsive, 9 | Segment, 10 | Step 11 | } from 'semantic-ui-react' 12 | import PageHeader from '../../common/pageHeader' 13 | 14 | class Page extends React.Component { 15 | constructor(props) { 16 | super(props); 17 | } 18 | 19 | render() { 20 | return ( 21 |
22 | 23 | 24 |
Dashboard
25 | 26 |
27 | ); 28 | } 29 | } 30 | 31 | export default Page; -------------------------------------------------------------------------------- /resources/assets/js/Main.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import {connect} from 'react-redux' 3 | import Navigation from './common/navigation' 4 | import Footer from './common/mainFooter' 5 | 6 | class Main extends React.Component { 7 | constructor(props) { 8 | super(props); 9 | } 10 | 11 | render() { 12 | return ( 13 |
14 | 15 |
16 | {this.props.children} 17 |
18 |
19 |
20 | ); 21 | } 22 | } 23 | 24 | const mapStateToProps = (state) => { 25 | return { 26 | isAuthenticated: state.Auth.isAuthenticated 27 | } 28 | }; 29 | 30 | export default connect(mapStateToProps)(Main); -------------------------------------------------------------------------------- /resources/assets/js/routes/Private.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import {Route, Redirect} from 'react-router' 3 | import {connect} from 'react-redux' 4 | import Main from '../Main' 5 | 6 | 7 | const PrivateRoute = ({component: Component,isAuthenticated, ...rest}) => ( 8 | ( 9 | isAuthenticated ? ( 10 |
11 | 12 |
13 | ) : ( 14 | 18 | ) 19 | )}/> 20 | ); 21 | 22 | 23 | const mapStateToProps = (state) => { 24 | return { 25 | isAuthenticated : state.Auth.isAuthenticated, 26 | } 27 | }; 28 | 29 | export default connect(mapStateToProps)(PrivateRoute); -------------------------------------------------------------------------------- /database/factories/UserFactory.php: -------------------------------------------------------------------------------- 1 | define(App\User::class, function (Faker $faker) { 17 | static $password; 18 | 19 | return [ 20 | 'name' => $faker->name, 21 | 'email' => $faker->unique()->safeEmail, 22 | 'password' => $password ?: $password = bcrypt('secret'), 23 | 'remember_token' => str_random(10), 24 | ]; 25 | }); 26 | -------------------------------------------------------------------------------- /database/migrations/2014_10_12_100000_create_password_resets_table.php: -------------------------------------------------------------------------------- 1 | string('email')->index(); 18 | $table->string('token'); 19 | $table->timestamp('created_at')->nullable(); 20 | }); 21 | } 22 | 23 | /** 24 | * Reverse the migrations. 25 | * 26 | * @return void 27 | */ 28 | public function down() 29 | { 30 | Schema::dropIfExists('password_resets'); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /resources/lang/en/passwords.php: -------------------------------------------------------------------------------- 1 | 'Passwords must be at least six characters and match the confirmation.', 17 | 'reset' => 'Your password has been reset!', 18 | 'sent' => 'We have e-mailed your password reset link!', 19 | 'token' => 'This password reset token is invalid.', 20 | 'user' => "We can't find a user with that e-mail address.", 21 | 22 | ]; 23 | -------------------------------------------------------------------------------- /app/User.php: -------------------------------------------------------------------------------- 1 | notify(new ResetPasswordNotification($token, $this->getEmailForPasswordReset())); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /database/migrations/2014_10_12_000000_create_users_table.php: -------------------------------------------------------------------------------- 1 | increments('id'); 18 | $table->string('name'); 19 | $table->string('email')->unique(); 20 | $table->string('password'); 21 | $table->rememberToken(); 22 | $table->timestamps(); 23 | }); 24 | } 25 | 26 | /** 27 | * Reverse the migrations. 28 | * 29 | * @return void 30 | */ 31 | public function down() 32 | { 33 | Schema::dropIfExists('users'); 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /app/Notifications/ResetPassword.php: -------------------------------------------------------------------------------- 1 | token = $token; 16 | $this->email = $email; 17 | } 18 | 19 | public function via($notifiable) 20 | { 21 | return ['mail']; 22 | } 23 | 24 | public function toMail($notifiable) 25 | { 26 | return (new MailMessage) 27 | ->subject('Your Reset Password Link') 28 | ->line('You are receiving this email because we received a password reset request for your account.') 29 | ->action('Reset Password', url('reset-password', $this->token)."/".str_replace("@","29gnmLTv686QsnV",$this->email)) 30 | ->line('If you did not request a password reset, no further action is required.'); 31 | } 32 | } -------------------------------------------------------------------------------- /app/Console/Kernel.php: -------------------------------------------------------------------------------- 1 | command('inspire') 28 | // ->hourly(); 29 | } 30 | 31 | /** 32 | * Register the commands for the application. 33 | * 34 | * @return void 35 | */ 36 | protected function commands() 37 | { 38 | $this->load(__DIR__.'/Commands'); 39 | 40 | require base_path('routes/console.php'); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /resources/assets/sass/_variables.scss: -------------------------------------------------------------------------------- 1 | 2 | // Body 3 | $body-bg: #f5f8fa; 4 | 5 | // Borders 6 | $laravel-border-color: darken($body-bg, 10%); 7 | $list-group-border: $laravel-border-color; 8 | $navbar-default-border: $laravel-border-color; 9 | $panel-default-border: $laravel-border-color; 10 | $panel-inner-border: $laravel-border-color; 11 | 12 | // Brands 13 | $brand-primary: #3097D1; 14 | $brand-info: #8eb4cb; 15 | $brand-success: #2ab27b; 16 | $brand-warning: #cbb956; 17 | $brand-danger: #bf5329; 18 | 19 | // Typography 20 | $icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/"; 21 | $font-family-sans-serif: "Raleway", sans-serif; 22 | $font-size-base: 14px; 23 | $line-height-base: 1.6; 24 | $text-color: #636b6f; 25 | 26 | // Navbar 27 | $navbar-default-bg: #fff; 28 | 29 | // Buttons 30 | $btn-default-color: $text-color; 31 | 32 | // Inputs 33 | $input-border: lighten($text-color, 40%); 34 | $input-border-focus: lighten($brand-primary, 25%); 35 | $input-color-placeholder: lighten($text-color, 30%); 36 | 37 | // Panels 38 | $panel-default-heading-bg: #fff; 39 | -------------------------------------------------------------------------------- /resources/assets/js/common/mainFooter.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by Sumit-Yadav on 12-10-2017. 3 | */ 4 | import React from 'react' 5 | import { 6 | Button, 7 | Container, 8 | Grid, 9 | Header, 10 | Icon, 11 | List, 12 | Responsive 13 | } from 'semantic-ui-react' 14 | 15 | import {Link} from 'react-router-dom' 16 | 17 | class Footer extends React.Component { 18 | constructor(props) { 19 | super(props); 20 | } 21 | 22 | render() { 23 | return ( 24 |
25 | 26 | 27 | 28 | 29 | 30 |
Sample footer @ 2017
31 | 32 | 33 | 34 | 35 |
36 | ); 37 | } 38 | } 39 | 40 | export default Footer; -------------------------------------------------------------------------------- /.env.example: -------------------------------------------------------------------------------- 1 | APP_NAME=Laravel 2 | APP_ENV=local 3 | APP_KEY= 4 | APP_DEBUG=true 5 | APP_LOG_LEVEL=debug 6 | APP_URL=http://localhost 7 | 8 | LOG_CHANNEL=stack 9 | 10 | DB_CONNECTION=mysql 11 | DB_HOST=127.0.0.1 12 | DB_PORT=3306 13 | DB_DATABASE=homestead 14 | DB_USERNAME=homestead 15 | DB_PASSWORD=secret 16 | 17 | BROADCAST_DRIVER=log 18 | CACHE_DRIVER=file 19 | SESSION_DRIVER=file 20 | SESSION_LIFETIME=120 21 | QUEUE_DRIVER=sync 22 | 23 | REDIS_HOST=127.0.0.1 24 | REDIS_PASSWORD=null 25 | REDIS_PORT=6379 26 | 27 | MAIL_DRIVER=smtp 28 | MAIL_HOST=smtp.mailtrap.io 29 | MAIL_PORT=2525 30 | MAIL_USERNAME=null 31 | MAIL_PASSWORD=null 32 | MAIL_ENCRYPTION=null 33 | 34 | PUSHER_APP_ID= 35 | PUSHER_APP_KEY= 36 | PUSHER_APP_SECRET= 37 | 38 | FACEBOOK_ID= 39 | FACEBOOK_SECRET= 40 | FACEBOOK_URL=/login/facebook 41 | 42 | GOOGLE_ID= 43 | GOOGLE_SECRET= 44 | GOOGLE_URL=/login/google 45 | 46 | TWITTER_ID= 47 | TWITTER_SECRET= 48 | TWITTER_URL=/login/twitter 49 | 50 | LINKEDIN_ID= 51 | LINKEDIN_SECRET= 52 | LINKEDIN_URL=/login/linkedin 53 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-laravel-with-jwt-authentication 2 | Boilerplate for reactjs (15.6) and laravel (5.5) with jwt-authentication. 0 3 | 4 | # usage : 5 | 1. Rename .env.example to .env 6 | 2. Update DB_HOST, DB_DATABASE, DB_USERNAME, DB_PASSWORD, and Social IDs in .env file to yours. 7 | 3. In command line : 8 | - composer update 9 | - Php artisan key:generate 10 | - php artisan migrate 11 | 4. npm install 12 | 5. npm run dev 13 | 14 | # features: 15 | This repository already configured with: 16 | - Semantic UI React => https://react.semantic-ui.com/introduction 17 | - Animate css => https://daneden.github.io/animate.css/ 18 | - Redux persist (For local storage) => https://www.npmjs.com/package/redux-persist 19 | - Socialite => (https://laravel.com/docs/5.5/socialite) 20 | 21 | # To-Do list : 22 | - User registration => Done 23 | - User login => Done 24 | - Forgot password => Done 25 | - Limit login attempts 26 | - social login => Done (Facebook, Twitter, LinkedIn, Google) 27 | 28 | This project is open for contribution. 29 | 30 | For any suggestion and query contact me at : sumityadavbadli@gmail.com 31 | -------------------------------------------------------------------------------- /config/view.php: -------------------------------------------------------------------------------- 1 | [ 17 | resource_path('views'), 18 | ], 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Compiled View Path 23 | |-------------------------------------------------------------------------- 24 | | 25 | | This option determines where all the compiled Blade templates will be 26 | | stored for your application. Typically, this is within the storage 27 | | directory. However, as usual, you are free to change this value. 28 | | 29 | */ 30 | 31 | 'compiled' => realpath(storage_path('framework/views')), 32 | 33 | ]; 34 | -------------------------------------------------------------------------------- /phpunit.xml: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | 13 | ./tests/Feature 14 | 15 | 16 | 17 | ./tests/Unit 18 | 19 | 20 | 21 | 22 | ./app 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /routes/api.php: -------------------------------------------------------------------------------- 1 | 'password'],function() { 17 | Route::post('/email', 'Auth\ForgotPasswordController@getResetToken'); 18 | Route::post('/reset', 'Auth\ResetPasswordController@reset'); 19 | }); 20 | 21 | Route::group(['prefix'=> 'auth'],function(){ 22 | Route::post('/register','Auth\RegisterController@register'); 23 | Route::post("/login",'Auth\LoginController@login'); 24 | Route::post('/login/{social}/callback','Auth\LoginController@handleProviderCallback')->where('social','twitter|facebook|linkedin|google|'); 25 | }); 26 | 27 | Route::middleware(['jwt_auth'])->group(function(){ 28 | Route::get('/hello',function(){ 29 | return "Cool dude"; 30 | }); 31 | }); 32 | -------------------------------------------------------------------------------- /app/Http/Middleware/VerifyJWTToken.php: -------------------------------------------------------------------------------- 1 | authenticate()) { 24 | return response()->json(['user_not_found'], 404); 25 | } 26 | 27 | } catch (JWTException $e) { 28 | return response()->json(['error' => 'invalid token'], $e->getStatusCode()); 29 | } catch (TokenExpiredException $e) { 30 | 31 | return response()->json(['token_expired'], $e->getStatusCode()); 32 | 33 | } catch (TokenInvalidException $e) { 34 | 35 | return response()->json(['token_invalid'], $e->getStatusCode()); 36 | 37 | } catch (JWTException $e) { 38 | 39 | return response()->json(['token_absent'], $e->getStatusCode()); 40 | 41 | } 42 | 43 | return $next($request); 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /app/Exceptions/Handler.php: -------------------------------------------------------------------------------- 1 | user = $user; 18 | } 19 | 20 | public function register(Request $request){ 21 | $user = $this->user->create([ 22 | 'name' => $request->get('name'), 23 | 'email' => $request->get('email'), 24 | 'password' => Hash::make($request->get('password')) 25 | ]); 26 | 27 | return response()->json(['status'=>true,'message'=>'User created successfully','data'=>$user]); 28 | 29 | } 30 | 31 | public function login(Request $request){ 32 | $credentials = $request->only('email', 'password'); 33 | $token = null; 34 | try { 35 | if (!$token = JWTAuth::attempt($credentials)) { 36 | return response()->json(['invalid_email_or_password'], 422); 37 | } 38 | } catch (JWTAuthException $e) { 39 | return response()->json(['failed_to_create_token'], 500); 40 | } 41 | return response()->json(compact('token')); 42 | } 43 | 44 | public function getAuthUser(Request $request){ 45 | $user = JWTAuth::toUser($request->token); 46 | return response()->json(['result' => $user]); 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "laravel/laravel", 3 | "description": "The Laravel Framework.", 4 | "keywords": ["framework", "laravel"], 5 | "license": "MIT", 6 | "type": "project", 7 | "require": { 8 | "php": "^7.1.3", 9 | "fideloper/proxy": "^4.0", 10 | "laravel/framework": "5.6.*", 11 | "laravel/socialite": "^3.0", 12 | "laravel/tinker": "~1.0", 13 | "tymon/jwt-auth": "^0.5.12" 14 | }, 15 | "require-dev": { 16 | "filp/whoops": "~2.0", 17 | "fzaninotto/faker": "~1.4", 18 | "mockery/mockery": "~1.0", 19 | "phpunit/phpunit": "~7.0" 20 | }, 21 | "autoload": { 22 | "classmap": [ 23 | "database/seeds", 24 | "database/factories" 25 | ], 26 | "psr-4": { 27 | "App\\": "app/" 28 | } 29 | }, 30 | "autoload-dev": { 31 | "psr-4": { 32 | "Tests\\": "tests/" 33 | } 34 | }, 35 | "extra": { 36 | "laravel": { 37 | "dont-discover": [ 38 | ] 39 | } 40 | }, 41 | "scripts": { 42 | "post-root-package-install": [ 43 | "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" 44 | ], 45 | "post-create-project-cmd": [ 46 | "@php artisan key:generate" 47 | ], 48 | "post-autoload-dump": [ 49 | "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", 50 | "@php artisan package:discover" 51 | ] 52 | }, 53 | "config": { 54 | "preferred-install": "dist", 55 | "sort-packages": true, 56 | "optimize-autoloader": true 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /config/broadcasting.php: -------------------------------------------------------------------------------- 1 | env('BROADCAST_DRIVER', 'null'), 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Broadcast Connections 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may define all of the broadcast connections that will be used 26 | | to broadcast events to other systems or over websockets. Samples of 27 | | each available type of connection are provided inside this array. 28 | | 29 | */ 30 | 31 | 'connections' => [ 32 | 33 | 'pusher' => [ 34 | 'driver' => 'pusher', 35 | 'key' => env('PUSHER_APP_KEY'), 36 | 'secret' => env('PUSHER_APP_SECRET'), 37 | 'app_id' => env('PUSHER_APP_ID'), 38 | 'options' => [ 39 | // 40 | ], 41 | ], 42 | 43 | 'redis' => [ 44 | 'driver' => 'redis', 45 | 'connection' => 'default', 46 | ], 47 | 48 | 'log' => [ 49 | 'driver' => 'log', 50 | ], 51 | 52 | 'null' => [ 53 | 'driver' => 'null', 54 | ], 55 | 56 | ], 57 | 58 | ]; 59 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/ForgotPasswordController.php: -------------------------------------------------------------------------------- 1 | middleware('guest'); 29 | } 30 | /** 31 | * Send a reset link to the given user. 32 | * 33 | * @param \Illuminate\Http\Request $request 34 | * @return \Illuminate\Http\Response 35 | */ 36 | public function getResetToken(Request $request) 37 | { 38 | $this->validate($request, ['email' => 'required|email']); 39 | if ($request->wantsJson()) { 40 | $user = User::where('email', $request->input('email'))->first(); 41 | if (!$user) { 42 | return response()->json(['status','Email with reset link sent successfully'],200); 43 | } 44 | $this->sendResetLinkEmail($request); 45 | return response()->json(['status','Email with reset link sent successfully'],200); 46 | } 47 | } 48 | } -------------------------------------------------------------------------------- /bootstrap/app.php: -------------------------------------------------------------------------------- 1 | singleton( 30 | Illuminate\Contracts\Http\Kernel::class, 31 | App\Http\Kernel::class 32 | ); 33 | 34 | $app->singleton( 35 | Illuminate\Contracts\Console\Kernel::class, 36 | App\Console\Kernel::class 37 | ); 38 | 39 | $app->singleton( 40 | Illuminate\Contracts\Debug\ExceptionHandler::class, 41 | App\Exceptions\Handler::class 42 | ); 43 | 44 | /* 45 | |-------------------------------------------------------------------------- 46 | | Return The Application 47 | |-------------------------------------------------------------------------- 48 | | 49 | | This script returns the application instance. The instance is given to 50 | | the calling script so we can separate the building of the instances 51 | | from the actual running of the application and sending responses. 52 | | 53 | */ 54 | 55 | return $app; 56 | -------------------------------------------------------------------------------- /resources/assets/js/bootstrap.js: -------------------------------------------------------------------------------- 1 | 2 | window._ = require('lodash'); 3 | 4 | /** 5 | * We'll load jQuery and the Bootstrap jQuery plugin which provides support 6 | * for JavaScript based Bootstrap features such as modals and tabs. This 7 | * code may be modified to fit the specific needs of your application. 8 | */ 9 | 10 | try { 11 | window.$ = window.jQuery = require('jquery'); 12 | 13 | require('bootstrap-sass'); 14 | } catch (e) {} 15 | 16 | /** 17 | * We'll load the axios HTTP library which allows us to easily issue requests 18 | * to our Laravel back-end. This library automatically handles sending the 19 | * CSRF token as a header based on the value of the "XSRF" token cookie. 20 | */ 21 | 22 | window.axios = require('axios'); 23 | 24 | window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 25 | 26 | /** 27 | * Next we will register the CSRF Token as a common header with Axios so that 28 | * all outgoing HTTP requests automatically have it attached. This is just 29 | * a simple convenience so we don't have to attach every token manually. 30 | */ 31 | 32 | let token = document.head.querySelector('meta[name="csrf-token"]'); 33 | 34 | if (token) { 35 | window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content; 36 | } else { 37 | console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token'); 38 | } 39 | 40 | /** 41 | * Echo exposes an expressive API for subscribing to channels and listening 42 | * for events that are broadcast by Laravel. Echo and event broadcasting 43 | * allows your team to easily build robust real-time web applications. 44 | */ 45 | 46 | // import Echo from 'laravel-echo' 47 | 48 | // window.Pusher = require('pusher-js'); 49 | 50 | // window.Echo = new Echo({ 51 | // broadcaster: 'pusher', 52 | // key: 'your-pusher-key' 53 | // }); 54 | -------------------------------------------------------------------------------- /app/Providers/RouteServiceProvider.php: -------------------------------------------------------------------------------- 1 | mapApiRoutes(); 39 | 40 | $this->mapWebRoutes(); 41 | 42 | // 43 | } 44 | 45 | /** 46 | * Define the "web" routes for the application. 47 | * 48 | * These routes all receive session state, CSRF protection, etc. 49 | * 50 | * @return void 51 | */ 52 | protected function mapWebRoutes() 53 | { 54 | Route::middleware('web') 55 | ->namespace($this->namespace) 56 | ->group(base_path('routes/web.php')); 57 | } 58 | 59 | /** 60 | * Define the "api" routes for the application. 61 | * 62 | * These routes are typically stateless. 63 | * 64 | * @return void 65 | */ 66 | protected function mapApiRoutes() 67 | { 68 | Route::prefix('api') 69 | ->middleware('api') 70 | ->namespace($this->namespace) 71 | ->group(base_path('routes/api.php')); 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/RegisterController.php: -------------------------------------------------------------------------------- 1 | all(),[ 30 | 'name' => 'required|string|max:255', 31 | 'email' => 'required|string|email|max:255|unique:users', 32 | 'password' => 'required|string|min:6|confirmed', 33 | ]); 34 | 35 | if($validator->fails()){ 36 | return response()->json([ 37 | "error" => 'validation_error', 38 | "message" => $validator->errors(), 39 | ], 422); 40 | } 41 | 42 | $request->merge(['password' => Hash::make($request->password)]); 43 | try{ 44 | User::create($request->all()); 45 | return response()->json(['status','registered successfully'],200); 46 | } 47 | catch(Exception $e){ 48 | return response()->json([ 49 | "error" => "could_not_register", 50 | "message" => "Unable to register user" 51 | ], 400); 52 | } 53 | 54 | } 55 | 56 | 57 | } 58 | -------------------------------------------------------------------------------- /artisan: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env php 2 | make(Illuminate\Contracts\Console\Kernel::class); 34 | 35 | $status = $kernel->handle( 36 | $input = new Symfony\Component\Console\Input\ArgvInput, 37 | new Symfony\Component\Console\Output\ConsoleOutput 38 | ); 39 | 40 | /* 41 | |-------------------------------------------------------------------------- 42 | | Shutdown The Application 43 | |-------------------------------------------------------------------------- 44 | | 45 | | Once Artisan has finished running, we will fire off the shutdown events 46 | | so that any final work may be done by the application before we shut 47 | | down the process. This is the last thing to happen to the request. 48 | | 49 | */ 50 | 51 | $kernel->terminate($input, $status); 52 | 53 | exit($status); 54 | -------------------------------------------------------------------------------- /config/services.php: -------------------------------------------------------------------------------- 1 | [ 18 | 'domain' => env('MAILGUN_DOMAIN'), 19 | 'secret' => env('MAILGUN_SECRET'), 20 | ], 21 | 22 | 'ses' => [ 23 | 'key' => env('SES_KEY'), 24 | 'secret' => env('SES_SECRET'), 25 | 'region' => 'us-east-1', 26 | ], 27 | 28 | 'sparkpost' => [ 29 | 'secret' => env('SPARKPOST_SECRET'), 30 | ], 31 | 32 | 'stripe' => [ 33 | 'model' => App\User::class, 34 | 'key' => env('STRIPE_KEY'), 35 | 'secret' => env('STRIPE_SECRET'), 36 | ], 37 | 38 | 'facebook' => [ 39 | 'client_id' => env('FACEBOOK_ID'), 40 | 'client_secret' => env('FACEBOOK_SECRET'), 41 | 'redirect' => env('FACEBOOK_URL'), 42 | ], 43 | 44 | 'google' => [ 45 | 'client_id' => env('GOOGLE_ID'), 46 | 'client_secret' => env('GOOGLE_SECRET'), 47 | 'redirect' => env('GOOGLE_URL'), 48 | ], 49 | 50 | 'twitter' => [ 51 | 'client_id' => env('TWITTER_ID'), 52 | 'client_secret' => env('TWITTER_SECRET'), 53 | 'redirect' => env('TWITTER_URL'), 54 | ], 55 | 56 | 'linkedin' => [ 57 | 'client_id' => env('LINKEDIN_ID'), 58 | 'client_secret' => env('LINKEDIN_SECRET'), 59 | 'redirect' => env('LINKEDIN_URL'), 60 | ] 61 | 62 | ]; 63 | -------------------------------------------------------------------------------- /public/index.php: -------------------------------------------------------------------------------- 1 | 8 | */ 9 | 10 | define('LARAVEL_START', microtime(true)); 11 | 12 | /* 13 | |-------------------------------------------------------------------------- 14 | | Register The Auto Loader 15 | |-------------------------------------------------------------------------- 16 | | 17 | | Composer provides a convenient, automatically generated class loader for 18 | | our application. We just need to utilize it! We'll simply require it 19 | | into the script here so that we don't have to worry about manual 20 | | loading any of our classes later on. It feels great to relax. 21 | | 22 | */ 23 | 24 | require __DIR__.'/../vendor/autoload.php'; 25 | 26 | /* 27 | |-------------------------------------------------------------------------- 28 | | Turn On The Lights 29 | |-------------------------------------------------------------------------- 30 | | 31 | | We need to illuminate PHP development, so let us turn on the lights. 32 | | This bootstraps the framework and gets it ready for use, then it 33 | | will load up this application so that we can run it and send 34 | | the responses back to the browser and delight our users. 35 | | 36 | */ 37 | 38 | $app = require_once __DIR__.'/../bootstrap/app.php'; 39 | 40 | /* 41 | |-------------------------------------------------------------------------- 42 | | Run The Application 43 | |-------------------------------------------------------------------------- 44 | | 45 | | Once we have the application, we can handle the incoming request 46 | | through the kernel, and send the associated response back to 47 | | the client's browser allowing them to enjoy the creative 48 | | and wonderful application we have prepared for them. 49 | | 50 | */ 51 | 52 | $kernel = $app->make(Illuminate\Contracts\Http\Kernel::class); 53 | 54 | $response = $kernel->handle( 55 | $request = Illuminate\Http\Request::capture() 56 | ); 57 | 58 | $response->send(); 59 | 60 | $kernel->terminate($request, $response); 61 | -------------------------------------------------------------------------------- /resources/assets/js/store/reducers/Auth.js: -------------------------------------------------------------------------------- 1 | import * as ActionTypes from '../action-types' 2 | import Http from '../../Http' 3 | 4 | const user = { 5 | id: null, 6 | name: null, 7 | email: null, 8 | createdAt: null, 9 | updatedAt: null 10 | }; 11 | 12 | const initialState = { 13 | isAuthenticated : false, 14 | isAdmin: false, 15 | user 16 | }; 17 | 18 | const Auth = (state= initialState,{type,payload = null}) => { 19 | switch(type){ 20 | case ActionTypes.AUTH_LOGIN: 21 | return authLogin(state,payload); 22 | case ActionTypes.AUTH_CHECK: 23 | return checkAuth(state); 24 | case ActionTypes.AUTH_LOGOUT: 25 | return logout(state); 26 | default: 27 | return state; 28 | } 29 | }; 30 | 31 | const authLogin = (state,payload) => { 32 | const jwtToken = payload.token; 33 | const user = payload.user[0]; 34 | if(!!payload.user[0].admin){ 35 | localStorage.setItem('is_admin',true); 36 | } else { 37 | localStorage.setItem('is_admin',false); 38 | } 39 | localStorage.setItem('jwt_token',jwtToken); 40 | Http.defaults.headers.common['Authorization'] = `Bearer ${jwtToken}`; 41 | state = Object.assign({}, state, { 42 | isAuthenticated: true, 43 | isAdmin: localStorage.getItem('is_admin') === 'true', 44 | user 45 | }); 46 | return state; 47 | 48 | }; 49 | 50 | const checkAuth = (state) =>{ 51 | state =Object.assign({},state,{ 52 | isAuthenticated : !!localStorage.getItem('jwt_token'), 53 | isAdmin : localStorage.getItem('is_admin'), 54 | }); 55 | if(state.isAuthenticated){ 56 | Http.defaults.headers.common['Authorization'] = `Bearer ${localStorage.getItem('jwt_token')}`; 57 | } 58 | return state; 59 | }; 60 | 61 | const logout = (state) => { 62 | localStorage.removeItem('jwt_token'); 63 | localStorage.setItem('is_admin',false); 64 | state = Object.assign({},state,{ 65 | isAuthenticated: false, 66 | isAdmin : false, 67 | user 68 | }); 69 | return state; 70 | }; 71 | 72 | export default Auth; 73 | -------------------------------------------------------------------------------- /config/logging.php: -------------------------------------------------------------------------------- 1 | env('LOG_CHANNEL', 'stack'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Log Channels 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Here you may configure the log channels for your application. Out of 24 | | the box, Laravel uses the Monolog PHP logging library. This gives 25 | | you a variety of powerful log handlers / formatters to utilize. 26 | | 27 | | Available Drivers: "single", "daily", "slack", "syslog", 28 | | "errorlog", "custom", "stack" 29 | | 30 | */ 31 | 32 | 'channels' => [ 33 | 'stack' => [ 34 | 'driver' => 'stack', 35 | 'channels' => ['single'], 36 | ], 37 | 38 | 'single' => [ 39 | 'driver' => 'single', 40 | 'path' => storage_path('logs/laravel.log'), 41 | 'level' => 'debug', 42 | ], 43 | 44 | 'daily' => [ 45 | 'driver' => 'daily', 46 | 'path' => storage_path('logs/laravel.log'), 47 | 'level' => 'debug', 48 | 'days' => 7, 49 | ], 50 | 51 | 'slack' => [ 52 | 'driver' => 'slack', 53 | 'url' => env('LOG_SLACK_WEBHOOK_URL'), 54 | 'username' => 'Laravel Log', 55 | 'emoji' => ':boom:', 56 | 'level' => 'critical', 57 | ], 58 | 59 | 'syslog' => [ 60 | 'driver' => 'syslog', 61 | 'level' => 'debug', 62 | ], 63 | 64 | 'errorlog' => [ 65 | 'driver' => 'errorlog', 66 | 'level' => 'debug', 67 | ], 68 | ], 69 | 70 | ]; 71 | -------------------------------------------------------------------------------- /app/Http/Kernel.php: -------------------------------------------------------------------------------- 1 | [ 31 | \App\Http\Middleware\EncryptCookies::class, 32 | \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class, 33 | \Illuminate\Session\Middleware\StartSession::class, 34 | // \Illuminate\Session\Middleware\AuthenticateSession::class, 35 | \Illuminate\View\Middleware\ShareErrorsFromSession::class, 36 | \App\Http\Middleware\VerifyCsrfToken::class, 37 | \Illuminate\Routing\Middleware\SubstituteBindings::class, 38 | ], 39 | 40 | 'api' => [ 41 | 'throttle:60,1', 42 | 'bindings', 43 | ], 44 | ]; 45 | 46 | /** 47 | * The application's route middleware. 48 | * 49 | * These middleware may be assigned to groups or used individually. 50 | * 51 | * @var array 52 | */ 53 | protected $routeMiddleware = [ 54 | 'auth' => \Illuminate\Auth\Middleware\Authenticate::class, 55 | 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class, 56 | 'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class, 57 | 'can' => \Illuminate\Auth\Middleware\Authorize::class, 58 | 'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class, 59 | 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class, 60 | 'jwt_auth' => \App\Http\Middleware\VerifyJwtToken::class 61 | ]; 62 | } 63 | -------------------------------------------------------------------------------- /config/filesystems.php: -------------------------------------------------------------------------------- 1 | env('FILESYSTEM_DRIVER', 'local'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Default Cloud Filesystem Disk 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Many applications store files both locally and in the cloud. For this 24 | | reason, you may specify a default "cloud" driver here. This driver 25 | | will be bound as the Cloud disk implementation in the container. 26 | | 27 | */ 28 | 29 | 'cloud' => env('FILESYSTEM_CLOUD', 's3'), 30 | 31 | /* 32 | |-------------------------------------------------------------------------- 33 | | Filesystem Disks 34 | |-------------------------------------------------------------------------- 35 | | 36 | | Here you may configure as many filesystem "disks" as you wish, and you 37 | | may even configure multiple disks of the same driver. Defaults have 38 | | been setup for each driver as an example of the required options. 39 | | 40 | | Supported Drivers: "local", "ftp", "s3", "rackspace" 41 | | 42 | */ 43 | 44 | 'disks' => [ 45 | 46 | 'local' => [ 47 | 'driver' => 'local', 48 | 'root' => storage_path('app'), 49 | ], 50 | 51 | 'public' => [ 52 | 'driver' => 'local', 53 | 'root' => storage_path('app/public'), 54 | 'url' => env('APP_URL').'/storage', 55 | 'visibility' => 'public', 56 | ], 57 | 58 | 's3' => [ 59 | 'driver' => 's3', 60 | 'key' => env('AWS_ACCESS_KEY_ID'), 61 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 62 | 'region' => env('AWS_DEFAULT_REGION'), 63 | 'bucket' => env('AWS_BUCKET'), 64 | ], 65 | 66 | ], 67 | 68 | ]; 69 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/ResetPasswordController.php: -------------------------------------------------------------------------------- 1 | middleware('guest'); 29 | } 30 | /** 31 | * Reset the given user's password. 32 | * 33 | * @param \Illuminate\Http\Request $request 34 | * @return \Illuminate\Http\Response 35 | */ 36 | public function reset(Request $request) 37 | { 38 | $this->validate($request, $this->rules(), $this->validationErrorMessages()); 39 | // Here we will attempt to reset the user's password. If it is successful we 40 | // will update the password on an actual user model and persist it to the 41 | // database. Otherwise we will parse the error and return the response. 42 | $response = $this->broker()->reset( 43 | $this->credentials($request), function ($user, $password) { 44 | $this->resetPassword($user, $password); 45 | } 46 | ); 47 | if ($request->wantsJson()) { 48 | if ($response == Password::PASSWORD_RESET) { 49 | return response()->json(Json::response(null, trans('passwords.reset'))); 50 | } else { 51 | return response()->json(Json::response($request->input('email'), trans($response), 202)); 52 | } 53 | } 54 | // If the password was successfully reset, we will redirect the user back to 55 | // the application's home authenticated view. If there is an error we can 56 | // redirect them back to where they came from with their error message. 57 | return $response == Password::PASSWORD_RESET 58 | ? $this->sendResetResponse($response) 59 | : $this->sendResetFailedResponse($request, $response); 60 | } 61 | } -------------------------------------------------------------------------------- /config/queue.php: -------------------------------------------------------------------------------- 1 | env('QUEUE_DRIVER', 'sync'), 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Queue Connections 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may configure the connection information for each server that 26 | | is used by your application. A default configuration has been added 27 | | for each back-end shipped with Laravel. You are free to add more. 28 | | 29 | */ 30 | 31 | 'connections' => [ 32 | 33 | 'sync' => [ 34 | 'driver' => 'sync', 35 | ], 36 | 37 | 'database' => [ 38 | 'driver' => 'database', 39 | 'table' => 'jobs', 40 | 'queue' => 'default', 41 | 'retry_after' => 90, 42 | ], 43 | 44 | 'beanstalkd' => [ 45 | 'driver' => 'beanstalkd', 46 | 'host' => 'localhost', 47 | 'queue' => 'default', 48 | 'retry_after' => 90, 49 | ], 50 | 51 | 'sqs' => [ 52 | 'driver' => 'sqs', 53 | 'key' => 'your-public-key', 54 | 'secret' => 'your-secret-key', 55 | 'prefix' => 'https://sqs.us-east-1.amazonaws.com/your-account-id', 56 | 'queue' => 'your-queue-name', 57 | 'region' => 'us-east-1', 58 | ], 59 | 60 | 'redis' => [ 61 | 'driver' => 'redis', 62 | 'connection' => 'default', 63 | 'queue' => 'default', 64 | 'retry_after' => 90, 65 | ], 66 | 67 | ], 68 | 69 | /* 70 | |-------------------------------------------------------------------------- 71 | | Failed Queue Jobs 72 | |-------------------------------------------------------------------------- 73 | | 74 | | These options configure the behavior of failed queue job logging so you 75 | | can control which database and table are used to store the jobs that 76 | | have failed. You may change them to any database / table you wish. 77 | | 78 | */ 79 | 80 | 'failed' => [ 81 | 'database' => env('DB_CONNECTION', 'mysql'), 82 | 'table' => 'failed_jobs', 83 | ], 84 | 85 | ]; 86 | -------------------------------------------------------------------------------- /config/cache.php: -------------------------------------------------------------------------------- 1 | env('CACHE_DRIVER', 'file'), 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Cache Stores 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may define all of the cache "stores" for your application as 26 | | well as their drivers. You may even define multiple stores for the 27 | | same cache driver to group types of items stored in your caches. 28 | | 29 | */ 30 | 31 | 'stores' => [ 32 | 33 | 'apc' => [ 34 | 'driver' => 'apc', 35 | ], 36 | 37 | 'array' => [ 38 | 'driver' => 'array', 39 | ], 40 | 41 | 'database' => [ 42 | 'driver' => 'database', 43 | 'table' => 'cache', 44 | 'connection' => null, 45 | ], 46 | 47 | 'file' => [ 48 | 'driver' => 'file', 49 | 'path' => storage_path('framework/cache/data'), 50 | ], 51 | 52 | 'memcached' => [ 53 | 'driver' => 'memcached', 54 | 'persistent_id' => env('MEMCACHED_PERSISTENT_ID'), 55 | 'sasl' => [ 56 | env('MEMCACHED_USERNAME'), 57 | env('MEMCACHED_PASSWORD'), 58 | ], 59 | 'options' => [ 60 | // Memcached::OPT_CONNECT_TIMEOUT => 2000, 61 | ], 62 | 'servers' => [ 63 | [ 64 | 'host' => env('MEMCACHED_HOST', '127.0.0.1'), 65 | 'port' => env('MEMCACHED_PORT', 11211), 66 | 'weight' => 100, 67 | ], 68 | ], 69 | ], 70 | 71 | 'redis' => [ 72 | 'driver' => 'redis', 73 | 'connection' => 'default', 74 | ], 75 | 76 | ], 77 | 78 | /* 79 | |-------------------------------------------------------------------------- 80 | | Cache Key Prefix 81 | |-------------------------------------------------------------------------- 82 | | 83 | | When utilizing a RAM based store such as APC or Memcached, there might 84 | | be other applications utilizing the same cache. So, we'll specify a 85 | | value to get prefixed to all our keys so we can avoid collisions. 86 | | 87 | */ 88 | 89 | 'prefix' => env( 90 | 'CACHE_PREFIX', 91 | str_slug(env('APP_NAME', 'laravel'), '_').'_cache' 92 | ), 93 | 94 | ]; 95 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/LoginController.php: -------------------------------------------------------------------------------- 1 | only('email', 'password'); 29 | 30 | try { 31 | // attempt to verify the credentials and create a token for the user 32 | if (! $token = JWTAuth::attempt($credentials)) { 33 | return response()->json([ 34 | "error" => "invalid_credentials", 35 | "message" => "The user credentials were incorrect. " 36 | ], 401); 37 | } 38 | } catch (JWTException $e) { 39 | // something went wrong whilst attempting to encode the token 40 | return response()->json([ 41 | "error" => "could_not_create_token", 42 | "message" => "Enable to process request." 43 | ], 422); 44 | } 45 | 46 | // all good so return the token 47 | $user = User::where('email', $request->get('email'))->get(); 48 | return response()->json([ 49 | 'user' => $user, 50 | 'token' => $token, 51 | ],200); 52 | 53 | } 54 | 55 | public function socialLogin($social) 56 | { 57 | if ($social == "facebook" || $social == "google" || $social == "linkedin") { 58 | return Socialite::driver($social)->stateless()->redirect(); 59 | } else { 60 | return Socialite::driver($social)->redirect(); 61 | } 62 | } 63 | 64 | public function handleProviderCallback($social) 65 | { 66 | if ($social == "facebook" || $social == "google" || $social == "linkedin") { 67 | $userSocial = Socialite::driver($social)->stateless()->user(); 68 | } else { 69 | $userSocial = Socialite::driver($social)->user(); 70 | } 71 | 72 | $token = $userSocial->token; 73 | 74 | $user = User::firstOrNew(['email' => $userSocial->getEmail()]); 75 | 76 | if (!$user->id) { 77 | $user->fill(["name" => $userSocial->getName(),"password"=>bcrypt(str_random(6))]); 78 | $user->save(); 79 | } 80 | 81 | return response()->json([ 82 | 'user' => [$user], 83 | 'userSocial' => $userSocial, 84 | 'token' => $token, 85 | ],200); 86 | } 87 | 88 | } 89 | -------------------------------------------------------------------------------- /config/auth.php: -------------------------------------------------------------------------------- 1 | [ 17 | 'guard' => 'web', 18 | 'passwords' => 'users', 19 | ], 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | Authentication Guards 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Next, you may define every authentication guard for your application. 27 | | Of course, a great default configuration has been defined for you 28 | | here which uses session storage and the Eloquent user provider. 29 | | 30 | | All authentication drivers have a user provider. This defines how the 31 | | users are actually retrieved out of your database or other storage 32 | | mechanisms used by this application to persist your user's data. 33 | | 34 | | Supported: "session", "token" 35 | | 36 | */ 37 | 38 | 'guards' => [ 39 | 'web' => [ 40 | 'driver' => 'session', 41 | 'provider' => 'users', 42 | ], 43 | 44 | 'api' => [ 45 | 'driver' => 'token', 46 | 'provider' => 'users', 47 | ], 48 | ], 49 | 50 | /* 51 | |-------------------------------------------------------------------------- 52 | | User Providers 53 | |-------------------------------------------------------------------------- 54 | | 55 | | All authentication drivers have a user provider. This defines how the 56 | | users are actually retrieved out of your database or other storage 57 | | mechanisms used by this application to persist your user's data. 58 | | 59 | | If you have multiple user tables or models you may configure multiple 60 | | sources which represent each model / table. These sources may then 61 | | be assigned to any extra authentication guards you have defined. 62 | | 63 | | Supported: "database", "eloquent" 64 | | 65 | */ 66 | 67 | 'providers' => [ 68 | 'users' => [ 69 | 'driver' => 'eloquent', 70 | 'model' => App\User::class, 71 | ], 72 | 73 | // 'users' => [ 74 | // 'driver' => 'database', 75 | // 'table' => 'users', 76 | // ], 77 | ], 78 | 79 | /* 80 | |-------------------------------------------------------------------------- 81 | | Resetting Passwords 82 | |-------------------------------------------------------------------------- 83 | | 84 | | You may specify multiple password reset configurations if you have more 85 | | than one user table or model in the application and you want to have 86 | | separate password reset settings based on the specific user types. 87 | | 88 | | The expire time is the number of minutes that the reset token should be 89 | | considered valid. This security feature keeps tokens short-lived so 90 | | they have less time to be guessed. You may change this as needed. 91 | | 92 | */ 93 | 94 | 'passwords' => [ 95 | 'users' => [ 96 | 'provider' => 'users', 97 | 'table' => 'password_resets', 98 | 'expire' => 60, 99 | ], 100 | ], 101 | 102 | ]; 103 | -------------------------------------------------------------------------------- /config/database.php: -------------------------------------------------------------------------------- 1 | env('DB_CONNECTION', 'mysql'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Database Connections 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Here are each of the database connections setup for your application. 24 | | Of course, examples of configuring each database platform that is 25 | | supported by Laravel is shown below to make development simple. 26 | | 27 | | 28 | | All database work in Laravel is done through the PHP PDO facilities 29 | | so make sure you have the driver for your particular database of 30 | | choice installed on your machine before you begin development. 31 | | 32 | */ 33 | 34 | 'connections' => [ 35 | 36 | 'sqlite' => [ 37 | 'driver' => 'sqlite', 38 | 'database' => env('DB_DATABASE', database_path('database.sqlite')), 39 | 'prefix' => '', 40 | ], 41 | 42 | 'mysql' => [ 43 | 'driver' => 'mysql', 44 | 'host' => env('DB_HOST', '127.0.0.1'), 45 | 'port' => env('DB_PORT', '3306'), 46 | 'database' => env('DB_DATABASE', 'forge'), 47 | 'username' => env('DB_USERNAME', 'forge'), 48 | 'password' => env('DB_PASSWORD', ''), 49 | 'unix_socket' => env('DB_SOCKET', ''), 50 | 'charset' => 'utf8mb4', 51 | 'collation' => 'utf8mb4_unicode_ci', 52 | 'prefix' => '', 53 | 'strict' => true, 54 | 'engine' => null, 55 | ], 56 | 57 | 'pgsql' => [ 58 | 'driver' => 'pgsql', 59 | 'host' => env('DB_HOST', '127.0.0.1'), 60 | 'port' => env('DB_PORT', '5432'), 61 | 'database' => env('DB_DATABASE', 'forge'), 62 | 'username' => env('DB_USERNAME', 'forge'), 63 | 'password' => env('DB_PASSWORD', ''), 64 | 'charset' => 'utf8', 65 | 'prefix' => '', 66 | 'schema' => 'public', 67 | 'sslmode' => 'prefer', 68 | ], 69 | 70 | 'sqlsrv' => [ 71 | 'driver' => 'sqlsrv', 72 | 'host' => env('DB_HOST', 'localhost'), 73 | 'port' => env('DB_PORT', '1433'), 74 | 'database' => env('DB_DATABASE', 'forge'), 75 | 'username' => env('DB_USERNAME', 'forge'), 76 | 'password' => env('DB_PASSWORD', ''), 77 | 'charset' => 'utf8', 78 | 'prefix' => '', 79 | ], 80 | 81 | ], 82 | 83 | /* 84 | |-------------------------------------------------------------------------- 85 | | Migration Repository Table 86 | |-------------------------------------------------------------------------- 87 | | 88 | | This table keeps track of all the migrations that have already run for 89 | | your application. Using this information, we can determine which of 90 | | the migrations on disk haven't actually been run in the database. 91 | | 92 | */ 93 | 94 | 'migrations' => 'migrations', 95 | 96 | /* 97 | |-------------------------------------------------------------------------- 98 | | Redis Databases 99 | |-------------------------------------------------------------------------- 100 | | 101 | | Redis is an open source, fast, and advanced key-value store that also 102 | | provides a richer set of commands than a typical key-value systems 103 | | such as APC or Memcached. Laravel makes it easy to dig right in. 104 | | 105 | */ 106 | 107 | 'redis' => [ 108 | 109 | 'client' => 'predis', 110 | 111 | 'default' => [ 112 | 'host' => env('REDIS_HOST', '127.0.0.1'), 113 | 'password' => env('REDIS_PASSWORD', null), 114 | 'port' => env('REDIS_PORT', 6379), 115 | 'database' => 0, 116 | ], 117 | 118 | ], 119 | 120 | ]; 121 | -------------------------------------------------------------------------------- /config/mail.php: -------------------------------------------------------------------------------- 1 | env('MAIL_DRIVER', 'smtp'), 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | SMTP Host Address 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Here you may provide the host address of the SMTP server used by your 27 | | applications. A default option is provided that is compatible with 28 | | the Mailgun mail service which will provide reliable deliveries. 29 | | 30 | */ 31 | 32 | 'host' => env('MAIL_HOST', 'smtp.mailgun.org'), 33 | 34 | /* 35 | |-------------------------------------------------------------------------- 36 | | SMTP Host Port 37 | |-------------------------------------------------------------------------- 38 | | 39 | | This is the SMTP port used by your application to deliver e-mails to 40 | | users of the application. Like the host we have set this value to 41 | | stay compatible with the Mailgun e-mail application by default. 42 | | 43 | */ 44 | 45 | 'port' => env('MAIL_PORT', 587), 46 | 47 | /* 48 | |-------------------------------------------------------------------------- 49 | | Global "From" Address 50 | |-------------------------------------------------------------------------- 51 | | 52 | | You may wish for all e-mails sent by your application to be sent from 53 | | the same address. Here, you may specify a name and address that is 54 | | used globally for all e-mails that are sent by your application. 55 | | 56 | */ 57 | 58 | 'from' => [ 59 | 'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'), 60 | 'name' => env('MAIL_FROM_NAME', 'Example'), 61 | ], 62 | 63 | /* 64 | |-------------------------------------------------------------------------- 65 | | E-Mail Encryption Protocol 66 | |-------------------------------------------------------------------------- 67 | | 68 | | Here you may specify the encryption protocol that should be used when 69 | | the application send e-mail messages. A sensible default using the 70 | | transport layer security protocol should provide great security. 71 | | 72 | */ 73 | 74 | 'encryption' => env('MAIL_ENCRYPTION', 'tls'), 75 | 76 | /* 77 | |-------------------------------------------------------------------------- 78 | | SMTP Server Username 79 | |-------------------------------------------------------------------------- 80 | | 81 | | If your SMTP server requires a username for authentication, you should 82 | | set it here. This will get used to authenticate with your server on 83 | | connection. You may also set the "password" value below this one. 84 | | 85 | */ 86 | 87 | 'username' => env('MAIL_USERNAME'), 88 | 89 | 'password' => env('MAIL_PASSWORD'), 90 | 91 | /* 92 | |-------------------------------------------------------------------------- 93 | | Sendmail System Path 94 | |-------------------------------------------------------------------------- 95 | | 96 | | When using the "sendmail" driver to send e-mails, we will need to know 97 | | the path to where Sendmail lives on this server. A default path has 98 | | been provided here, which will work well on most of your systems. 99 | | 100 | */ 101 | 102 | 'sendmail' => '/usr/sbin/sendmail -bs', 103 | 104 | /* 105 | |-------------------------------------------------------------------------- 106 | | Markdown Mail Settings 107 | |-------------------------------------------------------------------------- 108 | | 109 | | If you are using Markdown based email rendering, you may configure your 110 | | theme and component paths here, allowing you to customize the design 111 | | of the emails. Or, you may simply stick with the Laravel defaults! 112 | | 113 | */ 114 | 115 | 'markdown' => [ 116 | 'theme' => 'default', 117 | 118 | 'paths' => [ 119 | resource_path('views/vendor/mail'), 120 | ], 121 | ], 122 | 123 | ]; 124 | -------------------------------------------------------------------------------- /resources/assets/js/common/navigation/Page.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Created by Sumit-Yadav on 06-10-2017. 3 | */ 4 | import React from 'react' 5 | import {NavLink, Link} from 'react-router-dom' 6 | import PropTypes from 'prop-types' 7 | import { 8 | Button, 9 | Container, 10 | Dropdown, 11 | Divider, 12 | Image, 13 | Menu, 14 | Responsive, 15 | Segment 16 | } from 'semantic-ui-react'; 17 | import * as actions from '../../store/actions' 18 | 19 | 20 | class Page extends React.Component { 21 | constructor(props) { 22 | super(props); 23 | this.handleLogout = this.handleLogout.bind(this); 24 | } 25 | 26 | handleLogout() { 27 | event.preventDefault(); 28 | this.props.dispatch(actions.authLogout()); 29 | } 30 | 31 | 32 | render() { 33 | this.avatar = ( 34 | 35 | {this.props.userName} 37 | 38 | ); 39 | return ( 40 |
41 | 42 | 43 | 44 | infoTiq 46 | 47 | 48 | 49 | 50 | 51 | {this.props.isAuthenticated 52 | ? 53 | 55 | : 56 |
57 | 58 | 59 | 60 |
61 | } 62 | 63 | 64 | 65 | 66 | 67 | 68 | 70 | 71 | 72 | infoTiq 74 | Dashboard 75 | 76 | {this.props.isAuthenticated 77 | ? 78 | 79 | 82 | 84 | 85 | 86 | : 87 | 89 | 90 | 92 | 93 | } 94 | 95 | 96 | 97 | 98 |
99 | ); 100 | } 101 | } 102 | 103 | Page.propTypes = { 104 | dispatch: PropTypes.func.isRequired, 105 | }; 106 | 107 | export default Page; -------------------------------------------------------------------------------- /resources/assets/js/services/authService.js: -------------------------------------------------------------------------------- 1 | import Http from '../Http' 2 | import * as action from '../store/actions' 3 | 4 | export function login(credentials) { 5 | return dispatch => ( 6 | new Promise((resolve, reject) => { 7 | Http.post('api/auth/login', credentials) 8 | .then(res => { 9 | dispatch(action.authLogin(res.data)); 10 | return resolve(); 11 | }) 12 | .catch(err => { 13 | const statusCode = err.response.status; 14 | const data = { 15 | error: null, 16 | statusCode, 17 | }; 18 | if (statusCode === 401 || statusCode === 422) { 19 | // status 401 means unauthorized 20 | // status 422 means unprocessable entity 21 | data.error = err.response.data.message; 22 | } 23 | return reject(data); 24 | }) 25 | }) 26 | ) 27 | } 28 | 29 | export function socialLogin(data) { 30 | return dispatch => ( 31 | new Promise((resolve, reject) => { 32 | Http.post(`../api/auth/login/${data.social}/callback${data.params}`) 33 | .then(res => { 34 | dispatch(action.authLogin(res.data)); 35 | return resolve(); 36 | }) 37 | .catch(err => { 38 | const statusCode = err.response.status; 39 | const data = { 40 | error: null, 41 | statusCode, 42 | }; 43 | if (statusCode === 401 || statusCode === 422) { 44 | // status 401 means unauthorized 45 | // status 422 means unprocessable entity 46 | data.error = err.response.data.message; 47 | } 48 | return reject(data); 49 | }) 50 | }) 51 | ) 52 | } 53 | 54 | export function resetPassword(credentials) { 55 | return dispatch => ( 56 | new Promise((resolve, reject) => { 57 | Http.post('../api/password/email', credentials) 58 | .then(res => { 59 | return resolve(res.data); 60 | }) 61 | .catch(err => { 62 | const statusCode = err.response.status; 63 | const data = { 64 | error: null, 65 | statusCode, 66 | }; 67 | if (statusCode === 401 || statusCode === 422) { 68 | // status 401 means unauthorized 69 | // status 422 means unprocessable entity 70 | data.error = err.response.data.message; 71 | } 72 | return reject(data); 73 | }) 74 | }) 75 | ) 76 | } 77 | 78 | export function updatePassword(credentials) { 79 | return dispatch => ( 80 | new Promise((resolve, reject) => { 81 | Http.post('../../api/password/reset', credentials) 82 | .then(res => { 83 | const statusCode = res.data.status; 84 | if (statusCode == 202) { 85 | const data = { 86 | error: res.data.message, 87 | statusCode, 88 | } 89 | return reject(data) 90 | } 91 | return resolve(res); 92 | }) 93 | .catch(err => { 94 | const statusCode = err.response.status; 95 | const data = { 96 | error: null, 97 | statusCode, 98 | }; 99 | if (statusCode === 401 || statusCode === 422) { 100 | // status 401 means unauthorized 101 | // status 422 means unprocessable entity 102 | data.error = err.response.data.message; 103 | } 104 | return reject(data); 105 | }) 106 | }) 107 | ) 108 | } 109 | 110 | export function register(credentials) { 111 | return dispatch => ( 112 | new Promise((resolve, reject) => { 113 | Http.post('api/auth/register', credentials) 114 | .then(res => { 115 | return resolve(res.data); 116 | }) 117 | .catch(err => { 118 | const statusCode = err.response.status; 119 | const data = { 120 | error: null, 121 | statusCode, 122 | }; 123 | if (statusCode === 422) { 124 | Object.values(err.response.data.message).map((value,i) => { 125 | data.error = value 126 | }); 127 | 128 | }else if (statusCode === 400) { 129 | data.error = err.response.data.message; 130 | } 131 | return reject(data); 132 | }) 133 | }) 134 | ) 135 | } -------------------------------------------------------------------------------- /resources/assets/js/pages/home/Page.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { 3 | Button, 4 | Container, 5 | Grid, 6 | Header, 7 | Icon, 8 | Responsive, 9 | Segment, 10 | Step 11 | } from 'semantic-ui-react' 12 | import {Link} from 'react-router-dom' 13 | import AuthService from '../../services' 14 | 15 | class Page extends React.Component { 16 | constructor(props) { 17 | super(props); 18 | } 19 | 20 | componentDidMount() { 21 | const social = this.props.match.params.social 22 | const params = this.props.location.search; 23 | 24 | setTimeout(function() { 25 | 26 | if (params && social) { 27 | this.props.dispatch(AuthService.socialLogin({ params, social })) 28 | .catch(({error, statusCode}) => { 29 | const responseError = { 30 | isError: true, 31 | code: statusCode, 32 | text: error 33 | }; 34 | this.setState({responseError}); 35 | this.setState({ 36 | isLoading: false 37 | }); 38 | }) 39 | } 40 | 41 | }.bind(this), 1000); 42 | } 43 | 44 | render() { 45 | return ( 46 |
47 | 53 | 54 | 55 |
61 | 62 |
68 |
74 | 77 | 78 | 79 |
80 | 81 |
82 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

83 | 84 | 85 | 86 | 87 | 88 | 89 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem beatae 90 | ducimus eius eos fugit ipsam, nemo rem repellendus suscipit unde? Aliquam 91 | aliquid consequatur consequuntur deleniti nisi quos, ratione repudiandae 92 | sint! 93 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum dicta dolores 94 | dolorum eligendi, esse, facilis fugit hic impedit ipsam libero nisi 95 | obcaecati pariatur placeat soluta voluptatum. Aliquid officia quod 96 | veritatis!

97 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum dicta dolores 98 | dolorum eligendi, esse, facilis fugit hic impedit ipsam libero nisi 99 | obcaecati pariatur placeat soluta voluptatum. Aliquid officia quod 100 | veritatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum 101 | dicta dolores 102 | dolorum eligendi, esse, facilis fugit hic impedit ipsam libero nisi 103 | obcaecati pariatur placeat soluta voluptatum. Aliquid officia quod 104 | veritatis!

105 | 106 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum dicta dolores 107 | dolorum eligendi, esse, facilis fugit hic impedit ipsam libero nisi 108 | obcaecati pariatur placeat soluta voluptatum. Aliquid officia quod 109 | veritatis!

110 | 111 | 112 | 113 | 114 | 115 |
116 |
117 | ); 118 | } 119 | } 120 | 121 | export default Page; -------------------------------------------------------------------------------- /config/jwt.php: -------------------------------------------------------------------------------- 1 | 7 | * 8 | * For the full copyright and license information, please view the LICENSE 9 | * file that was distributed with this source code. 10 | */ 11 | 12 | return [ 13 | 14 | /* 15 | |-------------------------------------------------------------------------- 16 | | JWT Authentication Secret 17 | |-------------------------------------------------------------------------- 18 | | 19 | | Don't forget to set this, as it will be used to sign your tokens. 20 | | A helper command is provided for this: `php artisan jwt:generate` 21 | | 22 | */ 23 | 24 | 'secret' => env('JWT_SECRET', 'Y^$B,FVseZ~d,+mrP,#@DM4:U~BU6.=m9QDD+.U\'yL"bp-hTS#H+f;UR(+ 60, 37 | 38 | /* 39 | |-------------------------------------------------------------------------- 40 | | Refresh time to live 41 | |-------------------------------------------------------------------------- 42 | | 43 | | Specify the length of time (in minutes) that the token can be refreshed 44 | | within. I.E. The user can refresh their token within a 2 week window of 45 | | the original token being created until they must re-authenticate. 46 | | Defaults to 2 weeks 47 | | 48 | */ 49 | 50 | 'refresh_ttl' => 20160, 51 | 52 | /* 53 | |-------------------------------------------------------------------------- 54 | | JWT hashing algorithm 55 | |-------------------------------------------------------------------------- 56 | | 57 | | Specify the hashing algorithm that will be used to sign the token. 58 | | 59 | | See here: https://github.com/namshi/jose/tree/2.2.0/src/Namshi/JOSE/Signer 60 | | for possible values 61 | | 62 | */ 63 | 64 | 'algo' => 'HS256', 65 | 66 | /* 67 | |-------------------------------------------------------------------------- 68 | | User Model namespace 69 | |-------------------------------------------------------------------------- 70 | | 71 | | Specify the full namespace to your User model. 72 | | e.g. 'Acme\Entities\User' 73 | | 74 | */ 75 | 76 | 'user' => 'App\User', 77 | 78 | /* 79 | |-------------------------------------------------------------------------- 80 | | User identifier 81 | |-------------------------------------------------------------------------- 82 | | 83 | | Specify a unique property of the user that will be added as the 'sub' 84 | | claim of the token payload. 85 | | 86 | */ 87 | 88 | 'identifier' => 'id', 89 | 90 | /* 91 | |-------------------------------------------------------------------------- 92 | | Required Claims 93 | |-------------------------------------------------------------------------- 94 | | 95 | | Specify the required claims that must exist in any token. 96 | | A TokenInvalidException will be thrown if any of these claims are not 97 | | present in the payload. 98 | | 99 | */ 100 | 101 | 'required_claims' => ['iss', 'iat', 'exp', 'nbf', 'sub', 'jti'], 102 | 103 | /* 104 | |-------------------------------------------------------------------------- 105 | | Blacklist Enabled 106 | |-------------------------------------------------------------------------- 107 | | 108 | | In order to invalidate tokens, you must have the blacklist enabled. 109 | | If you do not want or need this functionality, then set this to false. 110 | | 111 | */ 112 | 113 | 'blacklist_enabled' => env('JWT_BLACKLIST_ENABLED', true), 114 | 115 | /* 116 | |-------------------------------------------------------------------------- 117 | | Providers 118 | |-------------------------------------------------------------------------- 119 | | 120 | | Specify the various providers used throughout the package. 121 | | 122 | */ 123 | 124 | 'providers' => [ 125 | 126 | /* 127 | |-------------------------------------------------------------------------- 128 | | User Provider 129 | |-------------------------------------------------------------------------- 130 | | 131 | | Specify the provider that is used to find the user based 132 | | on the subject claim 133 | | 134 | */ 135 | 136 | 'user' => 'Tymon\JWTAuth\Providers\User\EloquentUserAdapter', 137 | 138 | /* 139 | |-------------------------------------------------------------------------- 140 | | JWT Provider 141 | |-------------------------------------------------------------------------- 142 | | 143 | | Specify the provider that is used to create and decode the tokens. 144 | | 145 | */ 146 | 147 | 'jwt' => 'Tymon\JWTAuth\Providers\JWT\NamshiAdapter', 148 | 149 | /* 150 | |-------------------------------------------------------------------------- 151 | | Authentication Provider 152 | |-------------------------------------------------------------------------- 153 | | 154 | | Specify the provider that is used to authenticate users. 155 | | 156 | */ 157 | 158 | 'auth' => 'Tymon\JWTAuth\Providers\Auth\IlluminateAuthAdapter', 159 | 160 | /* 161 | |-------------------------------------------------------------------------- 162 | | Storage Provider 163 | |-------------------------------------------------------------------------- 164 | | 165 | | Specify the provider that is used to store tokens in the blacklist 166 | | 167 | */ 168 | 169 | 'storage' => 'Tymon\JWTAuth\Providers\Storage\IlluminateCacheAdapter', 170 | 171 | ], 172 | 173 | ]; 174 | -------------------------------------------------------------------------------- /resources/assets/js/pages/forgotPassword/Page.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { 3 | Button, 4 | Divider, 5 | Dimmer, 6 | Form, 7 | Grid, 8 | Header, 9 | Icon, 10 | Loader, 11 | Message, 12 | Segment} from 'semantic-ui-react' 13 | import {Link, Redirect} from 'react-router-dom' 14 | import PropTypes from 'prop-types' 15 | import ReeValidate from 'ree-validate' 16 | import AuthService from '../../services' 17 | import PageHeader from '../../common/pageHeader' 18 | 19 | class Page extends React.Component { 20 | constructor(props) { 21 | super(props); 22 | this.validator = new ReeValidate({ 23 | email: 'required|email', 24 | }); 25 | 26 | this.state = { 27 | credentials: { 28 | email: '', 29 | }, 30 | responseError: { 31 | isError: false, 32 | code: '', 33 | text: '' 34 | }, 35 | isSuccess: false, 36 | isLoading: false, 37 | errors: this.validator.errors 38 | }; 39 | this.handleChange = this.handleChange.bind(this); 40 | this.handleSubmit = this.handleSubmit.bind(this); 41 | } 42 | 43 | handleChange(event) { 44 | const name = event.target.name; 45 | const value = event.target.value; 46 | const { errors } = this.validator; 47 | const {credentials} = this.state; 48 | credentials[name] = value; 49 | 50 | this.validator.validate(name, value) 51 | .then(() => { 52 | this.setState({errors, credentials}) 53 | }); 54 | } 55 | 56 | handleSubmit(event) { 57 | event.preventDefault(); 58 | const {credentials} = this.state; 59 | this.validator.validateAll(credentials) 60 | .then(success => { 61 | if (success) { 62 | this.setState({ 63 | isLoading: true 64 | }); 65 | this.submit(credentials); 66 | } 67 | }); 68 | } 69 | 70 | submit(credentials) { 71 | this.props.dispatch(AuthService.resetPassword(credentials)) 72 | .then((result) => { 73 | this.setState({ 74 | isLoading: false 75 | }); 76 | this.setState({ 77 | isSuccess: true, 78 | }); 79 | }) 80 | .catch(({error, statusCode}) => { 81 | const responseError = { 82 | isError: true, 83 | code: statusCode, 84 | text: error 85 | }; 86 | this.setState({responseError}); 87 | this.setState({ 88 | isLoading: false 89 | }); 90 | }) 91 | } 92 | 93 | componentDidMount(){ 94 | this.setState({ 95 | isLoading: false 96 | }); 97 | } 98 | 99 | render() { 100 | const { from } = this.props.location.state || { from: { pathname: '/' } }; 101 | const { isAuthenticated } = this.props; 102 | 103 | if (isAuthenticated) { 104 | return ( 105 | 106 | ) 107 | } 108 | const {errors} = this.state; 109 | 110 | return ( 111 |
112 | 113 | 114 | 115 | Resetting Password... 116 | 117 | 118 | 119 | 124 | 125 |
126 | Reset your password 127 |
128 | {this.state.responseError.isError && 129 | 130 | {this.state.responseError.text} 131 | 132 | } 133 | {this.state.isSuccess && 134 | 135 | If the email you entered exists, a reset link has been sent ! 136 | 137 | } 138 |
139 | 140 | 149 | {errors.has('email') &&
150 | {errors.first('email')} 151 |
} 152 | 153 | 154 |
155 | 156 | New to us? Register 157 | 158 | 159 | 160 |
161 | ); 162 | } 163 | } 164 | 165 | Page.propTypes = { 166 | isAuthenticated: PropTypes.bool.isRequired, 167 | dispatch: PropTypes.func.isRequired 168 | }; 169 | 170 | export default Page; 171 | -------------------------------------------------------------------------------- /resources/assets/js/pages/resetPassword/Page.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import {Button, Dimmer, Form, Grid, Header, Loader, Message, Segment} from 'semantic-ui-react' 3 | import {Link, Redirect} from 'react-router-dom' 4 | import PropTypes from 'prop-types' 5 | import ReeValidate from 'ree-validate' 6 | import AuthService from '../../services' 7 | import PageHeader from '../../common/pageHeader' 8 | 9 | class Page extends React.Component { 10 | constructor(props) { 11 | super(props); 12 | this.validator = new ReeValidate({ 13 | password: 'required|min:6', 14 | password_confirmation: 'required|min:6|confirmed:password', 15 | token: 'required', 16 | email: 'required' 17 | }); 18 | this.state = { 19 | credentials: { 20 | password: '', 21 | password_confirmation: '', 22 | token: this.props.match.params.token, 23 | email: this.props.match.params.email.replace("29gnmLTv686QsnV","@") 24 | }, 25 | responseError: { 26 | isError: false, 27 | code: '', 28 | text: '' 29 | }, 30 | isSuccess: false, 31 | isLoading: false, 32 | errors: this.validator.errors 33 | }; 34 | this.handleChange = this.handleChange.bind(this); 35 | this.handleSubmit = this.handleSubmit.bind(this); 36 | } 37 | 38 | handleChange(event) { 39 | const name = event.target.name; 40 | const value = event.target.value; 41 | const { errors } = this.validator; 42 | const {credentials} = this.state; 43 | credentials[name] = value; 44 | 45 | this.validator.validate(name, value) 46 | .then(() => { 47 | this.setState({errors, credentials}) 48 | }); 49 | } 50 | 51 | handleSubmit(event) { 52 | event.preventDefault(); 53 | 54 | const {credentials} = this.state; 55 | 56 | this.validator.validateAll(credentials) 57 | .then(success => { 58 | if (success) { 59 | this.setState({ 60 | isLoading: true 61 | }); 62 | this.submit(credentials); 63 | } 64 | }); 65 | } 66 | 67 | submit(credentials) { 68 | this.props.dispatch(AuthService.updatePassword(credentials)) 69 | .then((result) => { 70 | this.setState({ 71 | isLoading: false 72 | }); 73 | this.setState({ 74 | isSuccess: true, 75 | }); 76 | }) 77 | .catch(({error, statusCode}) => { 78 | const responseError = { 79 | isError: true, 80 | code: statusCode, 81 | text: error 82 | }; 83 | this.setState({responseError}); 84 | this.setState({ 85 | isLoading: false 86 | }); 87 | }) 88 | } 89 | 90 | componentDidMount() { 91 | this.setState({ 92 | isLoading: false 93 | }); 94 | } 95 | 96 | render() { 97 | if (this.props.isAuthenticated) { 98 | return 99 | } 100 | const {errors} = this.state; 101 | return ( 102 |
103 | 104 | 105 | 106 | Resetting Password... 107 | 108 | 109 | 110 | 115 | 116 |
117 | Reset your password 118 |
119 | {this.state.responseError.isError && 120 | 121 | {this.state.responseError.text} 122 | 123 | } 124 | {this.state.isSuccess && 125 | 126 | Reset Successfully ! Login here 127 | 128 | } 129 |
130 | 131 | 140 | {errors.has('password') &&
141 | {errors.first('password')} 142 |
} 143 | 152 | {errors.has('password_confirmation') && 153 |
154 | {errors.first('password_confirmation')} 155 |
} 156 | 157 | 158 |
159 | 160 | 161 |
162 | ); 163 | } 164 | } 165 | 166 | Page.propTypes = { 167 | isAuthenticated: PropTypes.bool.isRequired, 168 | dispatch: PropTypes.func.isRequired 169 | }; 170 | 171 | export default Page; 172 | -------------------------------------------------------------------------------- /resources/lang/en/validation.php: -------------------------------------------------------------------------------- 1 | 'The :attribute must be accepted.', 17 | 'active_url' => 'The :attribute is not a valid URL.', 18 | 'after' => 'The :attribute must be a date after :date.', 19 | 'after_or_equal' => 'The :attribute must be a date after or equal to :date.', 20 | 'alpha' => 'The :attribute may only contain letters.', 21 | 'alpha_dash' => 'The :attribute may only contain letters, numbers, and dashes.', 22 | 'alpha_num' => 'The :attribute may only contain letters and numbers.', 23 | 'array' => 'The :attribute must be an array.', 24 | 'before' => 'The :attribute must be a date before :date.', 25 | 'before_or_equal' => 'The :attribute must be a date before or equal to :date.', 26 | 'between' => [ 27 | 'numeric' => 'The :attribute must be between :min and :max.', 28 | 'file' => 'The :attribute must be between :min and :max kilobytes.', 29 | 'string' => 'The :attribute must be between :min and :max characters.', 30 | 'array' => 'The :attribute must have between :min and :max items.', 31 | ], 32 | 'boolean' => 'The :attribute field must be true or false.', 33 | 'confirmed' => 'The :attribute confirmation does not match.', 34 | 'date' => 'The :attribute is not a valid date.', 35 | 'date_format' => 'The :attribute does not match the format :format.', 36 | 'different' => 'The :attribute and :other must be different.', 37 | 'digits' => 'The :attribute must be :digits digits.', 38 | 'digits_between' => 'The :attribute must be between :min and :max digits.', 39 | 'dimensions' => 'The :attribute has invalid image dimensions.', 40 | 'distinct' => 'The :attribute field has a duplicate value.', 41 | 'email' => 'The :attribute must be a valid email address.', 42 | 'exists' => 'The selected :attribute is invalid.', 43 | 'file' => 'The :attribute must be a file.', 44 | 'filled' => 'The :attribute field must have a value.', 45 | 'image' => 'The :attribute must be an image.', 46 | 'in' => 'The selected :attribute is invalid.', 47 | 'in_array' => 'The :attribute field does not exist in :other.', 48 | 'integer' => 'The :attribute must be an integer.', 49 | 'ip' => 'The :attribute must be a valid IP address.', 50 | 'ipv4' => 'The :attribute must be a valid IPv4 address.', 51 | 'ipv6' => 'The :attribute must be a valid IPv6 address.', 52 | 'json' => 'The :attribute must be a valid JSON string.', 53 | 'max' => [ 54 | 'numeric' => 'The :attribute may not be greater than :max.', 55 | 'file' => 'The :attribute may not be greater than :max kilobytes.', 56 | 'string' => 'The :attribute may not be greater than :max characters.', 57 | 'array' => 'The :attribute may not have more than :max items.', 58 | ], 59 | 'mimes' => 'The :attribute must be a file of type: :values.', 60 | 'mimetypes' => 'The :attribute must be a file of type: :values.', 61 | 'min' => [ 62 | 'numeric' => 'The :attribute must be at least :min.', 63 | 'file' => 'The :attribute must be at least :min kilobytes.', 64 | 'string' => 'The :attribute must be at least :min characters.', 65 | 'array' => 'The :attribute must have at least :min items.', 66 | ], 67 | 'not_in' => 'The selected :attribute is invalid.', 68 | 'not_regex' => 'The :attribute format is invalid.', 69 | 'numeric' => 'The :attribute must be a number.', 70 | 'present' => 'The :attribute field must be present.', 71 | 'regex' => 'The :attribute format is invalid.', 72 | 'required' => 'The :attribute field is required.', 73 | 'required_if' => 'The :attribute field is required when :other is :value.', 74 | 'required_unless' => 'The :attribute field is required unless :other is in :values.', 75 | 'required_with' => 'The :attribute field is required when :values is present.', 76 | 'required_with_all' => 'The :attribute field is required when :values is present.', 77 | 'required_without' => 'The :attribute field is required when :values is not present.', 78 | 'required_without_all' => 'The :attribute field is required when none of :values are present.', 79 | 'same' => 'The :attribute and :other must match.', 80 | 'size' => [ 81 | 'numeric' => 'The :attribute must be :size.', 82 | 'file' => 'The :attribute must be :size kilobytes.', 83 | 'string' => 'The :attribute must be :size characters.', 84 | 'array' => 'The :attribute must contain :size items.', 85 | ], 86 | 'string' => 'The :attribute must be a string.', 87 | 'timezone' => 'The :attribute must be a valid zone.', 88 | 'unique' => 'The :attribute has already been taken.', 89 | 'uploaded' => 'The :attribute failed to upload.', 90 | 'url' => 'The :attribute format is invalid.', 91 | 92 | /* 93 | |-------------------------------------------------------------------------- 94 | | Custom Validation Language Lines 95 | |-------------------------------------------------------------------------- 96 | | 97 | | Here you may specify custom validation messages for attributes using the 98 | | convention "attribute.rule" to name the lines. This makes it quick to 99 | | specify a specific custom language line for a given attribute rule. 100 | | 101 | */ 102 | 103 | 'custom' => [ 104 | 'attribute-name' => [ 105 | 'rule-name' => 'custom-message', 106 | ], 107 | ], 108 | 109 | /* 110 | |-------------------------------------------------------------------------- 111 | | Custom Validation Attributes 112 | |-------------------------------------------------------------------------- 113 | | 114 | | The following language lines are used to swap attribute place-holders 115 | | with something more reader friendly such as E-Mail Address instead 116 | | of "email". This simply helps us make messages a little cleaner. 117 | | 118 | */ 119 | 120 | 'attributes' => [], 121 | 122 | ]; 123 | -------------------------------------------------------------------------------- /config/session.php: -------------------------------------------------------------------------------- 1 | env('SESSION_DRIVER', 'file'), 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | Session Lifetime 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Here you may specify the number of minutes that you wish the session 27 | | to be allowed to remain idle before it expires. If you want them 28 | | to immediately expire on the browser closing, set that option. 29 | | 30 | */ 31 | 32 | 'lifetime' => env('SESSION_LIFETIME', 120), 33 | 34 | 'expire_on_close' => false, 35 | 36 | /* 37 | |-------------------------------------------------------------------------- 38 | | Session Encryption 39 | |-------------------------------------------------------------------------- 40 | | 41 | | This option allows you to easily specify that all of your session data 42 | | should be encrypted before it is stored. All encryption will be run 43 | | automatically by Laravel and you can use the Session like normal. 44 | | 45 | */ 46 | 47 | 'encrypt' => false, 48 | 49 | /* 50 | |-------------------------------------------------------------------------- 51 | | Session File Location 52 | |-------------------------------------------------------------------------- 53 | | 54 | | When using the native session driver, we need a location where session 55 | | files may be stored. A default has been set for you but a different 56 | | location may be specified. This is only needed for file sessions. 57 | | 58 | */ 59 | 60 | 'files' => storage_path('framework/sessions'), 61 | 62 | /* 63 | |-------------------------------------------------------------------------- 64 | | Session Database Connection 65 | |-------------------------------------------------------------------------- 66 | | 67 | | When using the "database" or "redis" session drivers, you may specify a 68 | | connection that should be used to manage these sessions. This should 69 | | correspond to a connection in your database configuration options. 70 | | 71 | */ 72 | 73 | 'connection' => null, 74 | 75 | /* 76 | |-------------------------------------------------------------------------- 77 | | Session Database Table 78 | |-------------------------------------------------------------------------- 79 | | 80 | | When using the "database" session driver, you may specify the table we 81 | | should use to manage the sessions. Of course, a sensible default is 82 | | provided for you; however, you are free to change this as needed. 83 | | 84 | */ 85 | 86 | 'table' => 'sessions', 87 | 88 | /* 89 | |-------------------------------------------------------------------------- 90 | | Session Cache Store 91 | |-------------------------------------------------------------------------- 92 | | 93 | | When using the "apc" or "memcached" session drivers, you may specify a 94 | | cache store that should be used for these sessions. This value must 95 | | correspond with one of the application's configured cache stores. 96 | | 97 | */ 98 | 99 | 'store' => null, 100 | 101 | /* 102 | |-------------------------------------------------------------------------- 103 | | Session Sweeping Lottery 104 | |-------------------------------------------------------------------------- 105 | | 106 | | Some session drivers must manually sweep their storage location to get 107 | | rid of old sessions from storage. Here are the chances that it will 108 | | happen on a given request. By default, the odds are 2 out of 100. 109 | | 110 | */ 111 | 112 | 'lottery' => [2, 100], 113 | 114 | /* 115 | |-------------------------------------------------------------------------- 116 | | Session Cookie Name 117 | |-------------------------------------------------------------------------- 118 | | 119 | | Here you may change the name of the cookie used to identify a session 120 | | instance by ID. The name specified here will get used every time a 121 | | new session cookie is created by the framework for every driver. 122 | | 123 | */ 124 | 125 | 'cookie' => env( 126 | 'SESSION_COOKIE', 127 | str_slug(env('APP_NAME', 'laravel'), '_').'_session' 128 | ), 129 | 130 | /* 131 | |-------------------------------------------------------------------------- 132 | | Session Cookie Path 133 | |-------------------------------------------------------------------------- 134 | | 135 | | The session cookie path determines the path for which the cookie will 136 | | be regarded as available. Typically, this will be the root path of 137 | | your application but you are free to change this when necessary. 138 | | 139 | */ 140 | 141 | 'path' => '/', 142 | 143 | /* 144 | |-------------------------------------------------------------------------- 145 | | Session Cookie Domain 146 | |-------------------------------------------------------------------------- 147 | | 148 | | Here you may change the domain of the cookie used to identify a session 149 | | in your application. This will determine which domains the cookie is 150 | | available to in your application. A sensible default has been set. 151 | | 152 | */ 153 | 154 | 'domain' => env('SESSION_DOMAIN', null), 155 | 156 | /* 157 | |-------------------------------------------------------------------------- 158 | | HTTPS Only Cookies 159 | |-------------------------------------------------------------------------- 160 | | 161 | | By setting this option to true, session cookies will only be sent back 162 | | to the server if the browser has a HTTPS connection. This will keep 163 | | the cookie from being sent to you if it can not be done securely. 164 | | 165 | */ 166 | 167 | 'secure' => env('SESSION_SECURE_COOKIE', false), 168 | 169 | /* 170 | |-------------------------------------------------------------------------- 171 | | HTTP Access Only 172 | |-------------------------------------------------------------------------- 173 | | 174 | | Setting this value to true will prevent JavaScript from accessing the 175 | | value of the cookie and the cookie will only be accessible through 176 | | the HTTP protocol. You are free to modify this option if needed. 177 | | 178 | */ 179 | 180 | 'http_only' => true, 181 | 182 | /* 183 | |-------------------------------------------------------------------------- 184 | | Same-Site Cookies 185 | |-------------------------------------------------------------------------- 186 | | 187 | | This option determines how your cookies behave when cross-site requests 188 | | take place, and can be used to mitigate CSRF attacks. By default, we 189 | | do not enable this as other CSRF protection services are in place. 190 | | 191 | | Supported: "lax", "strict" 192 | | 193 | */ 194 | 195 | 'same_site' => null, 196 | 197 | ]; 198 | -------------------------------------------------------------------------------- /resources/assets/js/pages/login/Page.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { 3 | Button, 4 | Divider, 5 | Dimmer, 6 | Form, 7 | Grid, 8 | Header, 9 | Icon, 10 | Loader, 11 | Message, 12 | Segment} from 'semantic-ui-react' 13 | import {Link, Redirect} from 'react-router-dom' 14 | import PropTypes from 'prop-types' 15 | import ReeValidate from 'ree-validate' 16 | import AuthService from '../../services' 17 | import PageHeader from '../../common/pageHeader' 18 | 19 | class Page extends React.Component { 20 | constructor(props) { 21 | super(props); 22 | this.validator = new ReeValidate({ 23 | email: 'required|email', 24 | password: 'required|min:6' 25 | }); 26 | 27 | this.state = { 28 | credentials: { 29 | email: '', 30 | password: '' 31 | }, 32 | responseError: { 33 | isError: false, 34 | code: '', 35 | text: '' 36 | }, 37 | isLoading: false, 38 | errors: this.validator.errors 39 | }; 40 | this.handleChange = this.handleChange.bind(this); 41 | this.handleSubmit = this.handleSubmit.bind(this); 42 | } 43 | 44 | handleChange(event) { 45 | const name = event.target.name; 46 | const value = event.target.value; 47 | const { errors } = this.validator; 48 | const {credentials} = this.state; 49 | credentials[name] = value; 50 | 51 | this.validator.validate(name, value) 52 | .then(() => { 53 | this.setState({errors, credentials}) 54 | }); 55 | } 56 | 57 | handleSubmit(event) { 58 | event.preventDefault(); 59 | const {credentials} = this.state; 60 | this.validator.validateAll(credentials) 61 | .then(success => { 62 | if (success) { 63 | this.setState({ 64 | isLoading: true 65 | }); 66 | this.submit(credentials); 67 | } 68 | }); 69 | } 70 | 71 | submit(credentials) { 72 | this.props.dispatch(AuthService.login(credentials)) 73 | .catch(({error, statusCode}) => { 74 | const responseError = { 75 | isError: true, 76 | code: statusCode, 77 | text: error 78 | }; 79 | this.setState({responseError}); 80 | this.setState({ 81 | isLoading: false 82 | }); 83 | }) 84 | 85 | } 86 | 87 | onSocialClick(event, data) { 88 | window.location.assign(`redirect/${data.service}`); 89 | } 90 | 91 | componentDidMount(){ 92 | this.setState({ 93 | isLoading: false 94 | }); 95 | } 96 | 97 | render() { 98 | const { from } = this.props.location.state || { from: { pathname: '/' } }; 99 | const { isAuthenticated } = this.props; 100 | 101 | if (isAuthenticated) { 102 | return ( 103 | 104 | ) 105 | } 106 | const {errors} = this.state; 107 | 108 | return ( 109 |
110 | 111 | 112 | 113 | Authenticating... 114 | 115 | 116 | 117 | 122 | 123 |
124 | Login to your account 125 |
126 | {this.state.responseError.isError && 127 | 128 | {this.state.responseError.text} 129 | 130 | } 131 |
132 | 133 | 142 | {errors.has('email') &&
143 | {errors.first('email')} 144 |
} 145 | 155 | {errors.has('password') &&
156 | {errors.first('password')} 157 |
} 158 | 159 | Forgot your password? 160 |
161 |
Or login with:

162 | 165 | 168 | 171 | 174 | 175 |
176 | 177 | New to us? Register 178 | 179 | 180 | 181 |
182 | ); 183 | } 184 | } 185 | 186 | Page.propTypes = { 187 | isAuthenticated: PropTypes.bool.isRequired, 188 | dispatch: PropTypes.func.isRequired 189 | }; 190 | 191 | export default Page; 192 | -------------------------------------------------------------------------------- /resources/assets/js/pages/register/Page.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import {Button, Dimmer, Form, Grid, Header, Loader, Message, Segment} from 'semantic-ui-react' 3 | import {Link, Redirect} from 'react-router-dom' 4 | import PropTypes from 'prop-types' 5 | import ReeValidate from 'ree-validate' 6 | import AuthService from '../../services' 7 | import PageHeader from '../../common/pageHeader' 8 | 9 | class Page extends React.Component { 10 | constructor(props) { 11 | super(props); 12 | this.validator = new ReeValidate({ 13 | name: 'required|min:3', 14 | email: 'required|email', 15 | password: 'required|min:6', 16 | password_confirmation: 'required|min:6' 17 | }); 18 | this.state = { 19 | credentials: { 20 | name: '', 21 | email: '', 22 | password: '', 23 | password_confirmation: '' 24 | }, 25 | responseError: { 26 | isError: false, 27 | code: '', 28 | text: '' 29 | }, 30 | isSuccess: false, 31 | isLoading: false, 32 | errors: this.validator.errors 33 | }; 34 | this.handleChange = this.handleChange.bind(this); 35 | this.handleSubmit = this.handleSubmit.bind(this); 36 | } 37 | 38 | handleChange(event) { 39 | const name = event.target.name; 40 | const value = event.target.value; 41 | const { errors } = this.validator; 42 | const {credentials} = this.state; 43 | credentials[name] = value; 44 | 45 | this.validator.validate(name, value) 46 | .then(() => { 47 | this.setState({errors, credentials}) 48 | }); 49 | } 50 | 51 | handleSubmit(event) { 52 | event.preventDefault(); 53 | 54 | const {credentials} = this.state; 55 | 56 | this.validator.validateAll(credentials) 57 | .then(success => { 58 | if (success) { 59 | // Manually verify the password confirmation fields 60 | if(this.passwordConfirmation(credentials)){ 61 | 62 | this.setState({ 63 | isLoading: true 64 | }); 65 | this.submit(credentials); 66 | } 67 | else{ 68 | const responseError = { 69 | isError: true, 70 | code: 401, 71 | text: "Oops! Password confirmation didn't match" 72 | }; 73 | this.setState({responseError}); 74 | } 75 | 76 | } 77 | }); 78 | } 79 | 80 | 81 | passwordConfirmation(credentials){ 82 | if(credentials.password == credentials.password_confirmation){ 83 | return true; 84 | } 85 | else{ 86 | return false; 87 | } 88 | } 89 | 90 | submit(credentials) { 91 | this.props.dispatch(AuthService.register(credentials)) 92 | .then((result) => { 93 | this.setState({ 94 | isLoading: false, 95 | isSuccess: true, 96 | credentials: { 97 | name: '', 98 | email: '', 99 | password: '', 100 | password_confirmation: '' 101 | }, 102 | responseError : { 103 | isError: false, 104 | code: '', 105 | text: '' 106 | } 107 | }); 108 | 109 | }) 110 | .catch(({error, statusCode}) => { 111 | const responseError = { 112 | isError: true, 113 | code: statusCode, 114 | text: error 115 | }; 116 | this.setState({responseError}); 117 | this.setState({ 118 | isLoading: false 119 | }); 120 | }) 121 | } 122 | 123 | componentDidMount() { 124 | this.setState({ 125 | isLoading: false 126 | }); 127 | } 128 | 129 | render() { 130 | if (this.props.isAuthenticated) { 131 | return 132 | } 133 | const {errors} = this.state; 134 | return ( 135 |
136 | 137 | 138 | 139 | Registering... 140 | 141 | 142 | 143 | 148 | 149 |
150 | Register for new account 151 |
152 | {this.state.responseError.isError && 153 | 154 | {this.state.responseError.text} 155 | 156 | } 157 | {this.state.isSuccess && 158 | 159 | Registered Successfully ! Login here 160 | 161 | } 162 |
163 | 164 | 172 | {errors.has('name') &&
173 | {errors.first('name')} 174 |
} 175 | 183 | {errors.has('email') &&
184 | {errors.first('email')} 185 |
} 186 | 195 | {errors.has('password') &&
196 | {errors.first('password')} 197 |
} 198 | 207 | {errors.has('password_confirmation') && 208 |
209 | {errors.first('password_confirmation')} 210 |
} 211 | 212 | 213 |
214 | 215 | Already register ? Login 216 | 217 | 218 | 219 |
220 | ); 221 | } 222 | } 223 | 224 | Page.propTypes = { 225 | isAuthenticated: PropTypes.bool.isRequired, 226 | dispatch: PropTypes.func.isRequired 227 | }; 228 | 229 | export default Page; 230 | -------------------------------------------------------------------------------- /config/app.php: -------------------------------------------------------------------------------- 1 | env('APP_NAME', 'Laravel'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Application Environment 21 | |-------------------------------------------------------------------------- 22 | | 23 | | This value determines the "environment" your application is currently 24 | | running in. This may determine how you prefer to configure various 25 | | services your application utilizes. Set this in your ".env" file. 26 | | 27 | */ 28 | 29 | 'env' => env('APP_ENV', 'production'), 30 | 31 | /* 32 | |-------------------------------------------------------------------------- 33 | | Application Debug Mode 34 | |-------------------------------------------------------------------------- 35 | | 36 | | When your application is in debug mode, detailed error messages with 37 | | stack traces will be shown on every error that occurs within your 38 | | application. If disabled, a simple generic error page is shown. 39 | | 40 | */ 41 | 42 | 'debug' => env('APP_DEBUG', false), 43 | 44 | /* 45 | |-------------------------------------------------------------------------- 46 | | Application URL 47 | |-------------------------------------------------------------------------- 48 | | 49 | | This URL is used by the console to properly generate URLs when using 50 | | the Artisan command line tool. You should set this to the root of 51 | | your application so that it is used when running Artisan tasks. 52 | | 53 | */ 54 | 55 | 'url' => env('APP_URL', 'http://localhost'), 56 | 57 | /* 58 | |-------------------------------------------------------------------------- 59 | | Application Timezone 60 | |-------------------------------------------------------------------------- 61 | | 62 | | Here you may specify the default timezone for your application, which 63 | | will be used by the PHP date and date-time functions. We have gone 64 | | ahead and set this to a sensible default for you out of the box. 65 | | 66 | */ 67 | 68 | 'timezone' => 'UTC', 69 | 70 | /* 71 | |-------------------------------------------------------------------------- 72 | | Application Locale Configuration 73 | |-------------------------------------------------------------------------- 74 | | 75 | | The application locale determines the default locale that will be used 76 | | by the translation service provider. You are free to set this value 77 | | to any of the locales which will be supported by the application. 78 | | 79 | */ 80 | 81 | 'locale' => 'en', 82 | 83 | /* 84 | |-------------------------------------------------------------------------- 85 | | Application Fallback Locale 86 | |-------------------------------------------------------------------------- 87 | | 88 | | The fallback locale determines the locale to use when the current one 89 | | is not available. You may change the value to correspond to any of 90 | | the language folders that are provided through your application. 91 | | 92 | */ 93 | 94 | 'fallback_locale' => 'en', 95 | 96 | /* 97 | |-------------------------------------------------------------------------- 98 | | Encryption Key 99 | |-------------------------------------------------------------------------- 100 | | 101 | | This key is used by the Illuminate encrypter service and should be set 102 | | to a random, 32 character string, otherwise these encrypted strings 103 | | will not be safe. Please do this before deploying an application! 104 | | 105 | */ 106 | 107 | 'key' => env('APP_KEY'), 108 | 109 | 'cipher' => 'AES-256-CBC', 110 | 111 | /* 112 | |-------------------------------------------------------------------------- 113 | | Logging Configuration 114 | |-------------------------------------------------------------------------- 115 | | 116 | | Here you may configure the log settings for your application. Out of 117 | | the box, Laravel uses the Monolog PHP logging library. This gives 118 | | you a variety of powerful log handlers / formatters to utilize. 119 | | 120 | | Available Settings: "single", "daily", "syslog", "errorlog" 121 | | 122 | */ 123 | 124 | 'log' => env('APP_LOG', 'single'), 125 | 126 | 'log_level' => env('APP_LOG_LEVEL', 'debug'), 127 | 128 | /* 129 | |-------------------------------------------------------------------------- 130 | | Autoloaded Service Providers 131 | |-------------------------------------------------------------------------- 132 | | 133 | | The service providers listed here will be automatically loaded on the 134 | | request to your application. Feel free to add your own services to 135 | | this array to grant expanded functionality to your applications. 136 | | 137 | */ 138 | 139 | 'providers' => [ 140 | 141 | /* 142 | * Laravel Framework Service Providers... 143 | */ 144 | Illuminate\Auth\AuthServiceProvider::class, 145 | Illuminate\Broadcasting\BroadcastServiceProvider::class, 146 | Illuminate\Bus\BusServiceProvider::class, 147 | Illuminate\Cache\CacheServiceProvider::class, 148 | Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class, 149 | Illuminate\Cookie\CookieServiceProvider::class, 150 | Illuminate\Database\DatabaseServiceProvider::class, 151 | Illuminate\Encryption\EncryptionServiceProvider::class, 152 | Illuminate\Filesystem\FilesystemServiceProvider::class, 153 | Illuminate\Foundation\Providers\FoundationServiceProvider::class, 154 | Illuminate\Hashing\HashServiceProvider::class, 155 | Illuminate\Mail\MailServiceProvider::class, 156 | Illuminate\Notifications\NotificationServiceProvider::class, 157 | Illuminate\Pagination\PaginationServiceProvider::class, 158 | Illuminate\Pipeline\PipelineServiceProvider::class, 159 | Illuminate\Queue\QueueServiceProvider::class, 160 | Illuminate\Redis\RedisServiceProvider::class, 161 | Illuminate\Auth\Passwords\PasswordResetServiceProvider::class, 162 | Illuminate\Session\SessionServiceProvider::class, 163 | Illuminate\Translation\TranslationServiceProvider::class, 164 | Illuminate\Validation\ValidationServiceProvider::class, 165 | Illuminate\View\ViewServiceProvider::class, 166 | 167 | /* 168 | * Package Service Providers... 169 | */ 170 | 'Tymon\JWTAuth\Providers\JWTAuthServiceProvider', 171 | /* 172 | * Application Service Providers... 173 | */ 174 | App\Providers\AppServiceProvider::class, 175 | App\Providers\AuthServiceProvider::class, 176 | // App\Providers\BroadcastServiceProvider::class, 177 | App\Providers\EventServiceProvider::class, 178 | App\Providers\RouteServiceProvider::class, 179 | 180 | ], 181 | 182 | /* 183 | |-------------------------------------------------------------------------- 184 | | Class Aliases 185 | |-------------------------------------------------------------------------- 186 | | 187 | | This array of class aliases will be registered when this application 188 | | is started. However, feel free to register as many as you wish as 189 | | the aliases are "lazy" loaded so they don't hinder performance. 190 | | 191 | */ 192 | 193 | 'aliases' => [ 194 | 195 | 'App' => Illuminate\Support\Facades\App::class, 196 | 'Artisan' => Illuminate\Support\Facades\Artisan::class, 197 | 'Auth' => Illuminate\Support\Facades\Auth::class, 198 | 'Blade' => Illuminate\Support\Facades\Blade::class, 199 | 'Broadcast' => Illuminate\Support\Facades\Broadcast::class, 200 | 'Bus' => Illuminate\Support\Facades\Bus::class, 201 | 'Cache' => Illuminate\Support\Facades\Cache::class, 202 | 'Config' => Illuminate\Support\Facades\Config::class, 203 | 'Cookie' => Illuminate\Support\Facades\Cookie::class, 204 | 'Crypt' => Illuminate\Support\Facades\Crypt::class, 205 | 'DB' => Illuminate\Support\Facades\DB::class, 206 | 'Eloquent' => Illuminate\Database\Eloquent\Model::class, 207 | 'Event' => Illuminate\Support\Facades\Event::class, 208 | 'File' => Illuminate\Support\Facades\File::class, 209 | 'Gate' => Illuminate\Support\Facades\Gate::class, 210 | 'Hash' => Illuminate\Support\Facades\Hash::class, 211 | 'Lang' => Illuminate\Support\Facades\Lang::class, 212 | 'Log' => Illuminate\Support\Facades\Log::class, 213 | 'Mail' => Illuminate\Support\Facades\Mail::class, 214 | 'Notification' => Illuminate\Support\Facades\Notification::class, 215 | 'Password' => Illuminate\Support\Facades\Password::class, 216 | 'Queue' => Illuminate\Support\Facades\Queue::class, 217 | 'Redirect' => Illuminate\Support\Facades\Redirect::class, 218 | 'Redis' => Illuminate\Support\Facades\Redis::class, 219 | 'Request' => Illuminate\Support\Facades\Request::class, 220 | 'Response' => Illuminate\Support\Facades\Response::class, 221 | 'Route' => Illuminate\Support\Facades\Route::class, 222 | 'Schema' => Illuminate\Support\Facades\Schema::class, 223 | 'Session' => Illuminate\Support\Facades\Session::class, 224 | 'Storage' => Illuminate\Support\Facades\Storage::class, 225 | 'URL' => Illuminate\Support\Facades\URL::class, 226 | 'Validator' => Illuminate\Support\Facades\Validator::class, 227 | 'View' => Illuminate\Support\Facades\View::class, 228 | 'JWTAuth' => 'Tymon\JWTAuth\Facades\JWTAuth', 229 | ], 230 | 231 | ]; 232 | -------------------------------------------------------------------------------- /resources/assets/sass/app.scss: -------------------------------------------------------------------------------- 1 | /* ************************************************************************* */ 2 | /* ------------------------- Importing google fonts ------------------------ */ 3 | /* ************************************************************************* */ 4 | 5 | /* **** Lato Font **** */ 6 | @font-face { 7 | font-family: 'Lato'; 8 | font-style: italic; 9 | font-weight: 400; 10 | src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/vendor/google-fonts/lato/lato-latin-italic-400.woff2') format('woff2'); 11 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 12 | } 13 | 14 | @font-face { 15 | font-family: 'Lato'; 16 | font-style: italic; 17 | font-weight: 700; 18 | src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts/vendor/google-fonts/lato/lato-latin-italic-700.woff2') format('woff2'); 19 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 20 | } 21 | 22 | @font-face { 23 | font-family: 'Lato'; 24 | font-style: normal; 25 | font-weight: 400; 26 | src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/vendor/google-fonts/lato/lato-latin-normal-400.woff2') format('woff2'); 27 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 28 | } 29 | 30 | @font-face { 31 | font-family: 'Lato'; 32 | font-style: normal; 33 | font-weight: 700; 34 | src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/vendor/google-fonts/lato/lato-latin-normal-700.woff2') format('woff2'); 35 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 36 | } 37 | 38 | /* **** Montserrat **** */ 39 | @font-face { 40 | font-family: 'Montserrat'; 41 | font-style: normal; 42 | font-weight: 300; 43 | src: local('Montserrat Light'), local('Montserrat-Light'), url('../fonts/vendor/google-fonts/Montserrat/Montserrat-latin-normal-300.woff2') format('woff2'); 44 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 45 | } 46 | 47 | @font-face { 48 | font-family: 'Montserrat'; 49 | font-style: normal; 50 | font-weight: 400; 51 | src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/vendor/google-fonts/Montserrat/Montserrat-latin-normal-400.woff2') format('woff2'); 52 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 53 | } 54 | 55 | @font-face { 56 | font-family: 'Montserrat'; 57 | font-style: normal; 58 | font-weight: 600; 59 | src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/vendor/google-fonts/Montserrat/Montserrat-latin-normal-600.woff2') format('woff2'); 60 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 61 | } 62 | 63 | /* **** Montserrat **** */ 64 | @font-face { 65 | font-family: 'Open Sans'; 66 | font-style: normal; 67 | font-weight: 400; 68 | src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/vendor/google-fonts/Open-sans/Open-sans-latin-italic-400.woff2') format('woff2'); 69 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 70 | } 71 | 72 | @font-face { 73 | font-family: 'Open Sans'; 74 | font-style: italic; 75 | font-weight: 600; 76 | src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../fonts/vendor/google-fonts/Open-sans/Open-sans-latin-italic-600.woff2') format('woff2'); 77 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 78 | } 79 | 80 | /* **** Raleway **** */ 81 | @font-face { 82 | font-family: 'Raleway'; 83 | font-style: italic; 84 | font-weight: 400; 85 | src: local('Raleway Italic'), local('Raleway-Italic'), url('../fonts/vendor/google-fonts/Raleway/Raleway-latin-italic-400.woff2') format('woff2'); 86 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 87 | } 88 | 89 | @font-face { 90 | font-family: 'Raleway'; 91 | font-style: normal; 92 | font-weight: 300; 93 | src: local('Raleway Light'), local('Raleway-Light'), url('../fonts/vendor/google-fonts/Raleway/Raleway-latin-normal-300.woff2') format('woff2'); 94 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 95 | } 96 | 97 | @font-face { 98 | font-family: 'Raleway'; 99 | font-style: normal; 100 | font-weight: 400; 101 | src: local('Raleway'), local('Raleway-Regular'), url('../fonts/vendor/google-fonts/Raleway/Raleway-latin-normal-400.woff2') format('woff2'); 102 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 103 | } 104 | 105 | @font-face { 106 | font-family: 'Raleway'; 107 | font-style: normal; 108 | font-weight: 600; 109 | src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('../fonts/vendor/google-fonts/Raleway/Raleway-latin-normal-600.woff2') format('woff2'); 110 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 111 | } 112 | 113 | /* **** Work Sans **** */ 114 | @font-face { 115 | font-family: 'Work Sans'; 116 | font-style: normal; 117 | font-weight: 400; 118 | src: local('Work Sans'), local('WorkSans-Regular'), url('../fonts/vendor/google-fonts/Work-sans/Work-sans-latin-normal-400.woff2') format('woff2'); 119 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 120 | } 121 | 122 | @font-face { 123 | font-family: 'Work Sans'; 124 | font-style: normal; 125 | font-weight: 500; 126 | src: local('Work Sans Medium'), local('WorkSans-Medium'), url('../fonts/vendor/google-fonts/Work-sans/Work-sans-latin-normal-500.woff2') format('woff2'); 127 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 128 | } 129 | 130 | @font-face { 131 | font-family: 'Work Sans'; 132 | font-style: normal; 133 | font-weight: 600; 134 | src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url('../fonts/vendor/google-fonts/Work-sans/Work-sans-latin-normal-600.woff2') format('woff2'); 135 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 136 | } 137 | 138 | /* ************************************************************************* */ 139 | /* ------------------------- Defining Constants ---------------------------- */ 140 | /* ************************************************************************* */ 141 | 142 | // Theme variables 143 | $primary-color: #000; 144 | $primary-color-transparent: #000; 145 | $darkFont1: #404040; 146 | $darkFont2: #606060; 147 | $subDarkFont1: #6a7173; 148 | $tealColor: #00b5ad; 149 | $footer-font: #E8E8E8; 150 | 151 | // Font family 152 | $Lato: 'Lato', sans-serif; 153 | $Montserrat: 'Montserrat', sans-serif; 154 | $Raleway: 'Raleway', sans-serif; 155 | $OpenSans: 'Open Sans', sans-serif; 156 | $WorkSans: 'Work Sans', sans-serif; 157 | 158 | /* ************************************************************************* */ 159 | /* ---------------------------- Theme Design ------------------------------- */ 160 | /* ************************************************************************* */ 161 | 162 | @media (min-width: 320px) { 163 | 164 | .segment.mobile-navbar { 165 | background: transparent !important; 166 | z-index: +1; 167 | border-bottom: 1px solid rgba(255, 255, 255, .15) !important; 168 | position: absolute; 169 | width: 100%; 170 | .logo img { 171 | width: 105px !important; 172 | margin-bottom: -5px !important; 173 | margin-left: -5px !important; 174 | } 175 | .menu { 176 | background: transparent !important; 177 | .right.menu > .item:last-child { 178 | border: 1px solid #fff; 179 | .menu.transition { 180 | position: absolute; 181 | top: 44px; 182 | width: 100vw; 183 | right: -135%; 184 | background-color: rgba(255, 255, 255, .99) !important; 185 | z-index: 299; 186 | overflow: visible; 187 | box-shadow: 5px 0 10px 2px rgba(0, 0, 0, 1); 188 | text-align: center; 189 | .ui.divider { 190 | margin: 0 !important; 191 | } 192 | .item { 193 | color: $darkFont1 !important; 194 | display: inline-block; 195 | text-transform: uppercase; 196 | font-size: 1.1em !important; 197 | line-height: 2.5em; 198 | letter-spacing: 0.2em; 199 | } 200 | .item.active { 201 | border-bottom: 4px solid $tealColor; 202 | border-radius: 0; 203 | } 204 | 205 | } 206 | } 207 | } 208 | } 209 | 210 | .home-header { 211 | height: auto; 212 | background-color: #000; 213 | background-repeat: no-repeat !important; 214 | background-size: cover !important; 215 | position: relative !important; 216 | width: 100%; 217 | top: 0; 218 | 219 | .main-heading { 220 | font-family: $Montserrat; 221 | font-weight: 600; 222 | font-size: 1.8em !important; 223 | letter-spacing: -1px; 224 | margin-top: 3.3em !important; 225 | margin-bottom: 0; 226 | } 227 | 228 | .sub-heading { 229 | font-family: $Montserrat; 230 | font-size: 1.1em !important; 231 | margin-top: 0.4em !important; 232 | font-weight: 300; 233 | } 234 | .free-signup-button { 235 | font-family: $Montserrat; 236 | font-weight: 300; 237 | font-size: 0.7em !important; 238 | padding: 1.5em; 239 | margin-bottom: 2em; 240 | margin-top: 1em; 241 | a { 242 | color: #fff !important 243 | } 244 | } 245 | 246 | } 247 | 248 | .course-tour { 249 | padding: 4em 1em 7em 1em; 250 | h3.header { 251 | font-family: $Raleway; 252 | font-weight: 500; 253 | color: $darkFont1; 254 | font-size: 1.8em !important; 255 | } 256 | 257 | p { 258 | font-family: $Montserrat; 259 | color: $subDarkFont1; 260 | font-weight: 300; 261 | font-size: 1.2em !important; 262 | } 263 | 264 | } 265 | .page-header { 266 | min-height: 182px !important; 267 | background-color: #000; 268 | background-size: 100% !important; 269 | display: flex; 270 | justify-content: center; 271 | align-items: center; 272 | .header { 273 | font-family: $Raleway; 274 | font-weight: 600; 275 | margin-top: 2.6em !important; 276 | letter-spacing: 0.3em; 277 | text-transform: uppercase; 278 | } 279 | } 280 | .login-form { 281 | height: 100%; 282 | margin-top: 3em !important; 283 | margin-bottom: 5em !important; 284 | padding: 1em !important; 285 | margin-right: 0 !important; 286 | } 287 | .form { 288 | .custom-error { 289 | font-family: $Montserrat; 290 | font-weight: 300; 291 | margin: 1em !important; 292 | letter-spacing: 0.06em; 293 | font-size: 0.85em !important; 294 | } 295 | } 296 | .page-loader { 297 | border: none !important; 298 | box-shadow: none !important; 299 | background: rgba(255, 255, 255, 0.9) !important; 300 | position: absolute !important; 301 | width: 100%; 302 | height: 100%; 303 | .text.loader { 304 | background: #fff !important; 305 | /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */ 306 | width: 250px !important; 307 | height: 115px !important; 308 | border: 1px solid #eee; 309 | border-radius: 10px; 310 | line-height: 3em; 311 | } 312 | .ui.large.loader:before, .ui.large.loader:after { 313 | margin: 1em 0em 0em -1.71428571rem !important; 314 | } 315 | } 316 | .footer { 317 | background: #000; 318 | margin-top: 2em; 319 | 320 | } 321 | } 322 | 323 | // End of Media 320px 324 | 325 | @media (min-width: 383px) { 326 | .home-header { 327 | .main-heading { 328 | font-size: 2.2em !important; 329 | margin-top: 2.3em !important; 330 | } 331 | 332 | .sub-heading { 333 | font-size: 1.2em !important; 334 | margin-top: 0.2em !important; 335 | } 336 | .free-signup-button { 337 | font-size: 0.8em !important; 338 | } 339 | } 340 | } 341 | 342 | @media (min-width: 551px) { 343 | .home-header { 344 | .main-heading { 345 | font-size: 2.7em !important; 346 | } 347 | 348 | .sub-heading { 349 | font-size: 1.4em !important; 350 | padding: 0 7%; 351 | } 352 | .free-signup-button { 353 | font-size: 0.8em !important; 354 | } 355 | } 356 | 357 | } 358 | 359 | @media (min-width: 620px) { 360 | .home-header { 361 | .main-heading { 362 | font-size: 3.0em !important; 363 | } 364 | 365 | .sub-heading { 366 | font-size: 1.5em !important; 367 | } 368 | .free-signup-button { 369 | font-size: 0.9em !important; 370 | } 371 | } 372 | 373 | } 374 | 375 | @media (min-width: 769px) { 376 | .segment.navbar { 377 | background: $primary-color-transparent !important; 378 | z-index: +1; 379 | position: absolute; 380 | width: 100%; 381 | .menu { 382 | border: none !important; 383 | } 384 | .logo img { 385 | width: 110px !important; 386 | margin-bottom: -3px !important; 387 | } 388 | .or { 389 | top: 12% !important; 390 | } 391 | } 392 | .home-header { 393 | .pretitle { 394 | font-family: $Montserrat; 395 | font-size: 1.1em !important; 396 | letter-spacing: 0.8em; 397 | margin-top: 9em !important; 398 | font-weight: 300; 399 | } 400 | .main-heading { 401 | font-size: 3.8em !important; 402 | margin-top: 0 !important; 403 | } 404 | 405 | .sub-heading { 406 | font-size: 1.5em !important; 407 | } 408 | .free-signup-button { 409 | margin-bottom: 5em; 410 | } 411 | } 412 | 413 | } 414 | 415 | @media (min-width: 992px) { 416 | .segment.navbar { 417 | .or { 418 | top: 11% !important; 419 | } 420 | } 421 | .home-header { 422 | .pretitle { 423 | font-size: 1.2em !important; 424 | margin-top: 11em !important; 425 | } 426 | .main-heading { 427 | font-size: 4em !important; 428 | margin-top: 0.2em !important; 429 | } 430 | 431 | .sub-heading { 432 | font-size: 1.7em !important; 433 | padding: 0; 434 | } 435 | .free-signup-button { 436 | margin-bottom: 7em; 437 | } 438 | } 439 | 440 | } 441 | 442 | @media (min-width: 1224px) { 443 | .home-header { 444 | .pretitle { 445 | font-size: 1.3em !important; 446 | margin-top: 11em !important; 447 | } 448 | .main-heading { 449 | font-size: 4.3em !important; 450 | margin-top: 0.2em !important; 451 | } 452 | 453 | .sub-heading { 454 | font-size: 1.8em !important; 455 | } 456 | .free-signup-button { 457 | margin-bottom: 8em; 458 | } 459 | } 460 | 461 | } 462 | 463 | --------------------------------------------------------------------------------