├── src ├── App.css ├── Home.js ├── Controller │ ├── img │ │ ├── asif.jpg │ │ ├── daska.jpg │ │ ├── hamza.jpg │ │ └── rand.jpg │ ├── Controller.css │ └── Controller.js ├── Components │ ├── Videos │ │ ├── loader.gif │ │ ├── thumbnail.png │ │ ├── Videos.css │ │ └── Videos.js │ ├── Navbar │ │ ├── Navbar.js │ │ └── Navbar.css │ ├── Routes │ │ └── Routes.js │ ├── Home │ │ ├── Home.js │ │ └── Home.css │ └── Video │ │ ├── Video.css │ │ └── Video.js ├── index.js ├── App.js └── index.css ├── public ├── robots.txt ├── manifest.json └── index.html ├── .gitignore ├── package.json ├── eporner-api └── Eporner API Documention_files │ ├── bowser.php │ ├── piwik.js.download │ └── style-20200407-eu.css └── README.md /src/App.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Home.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /src/Controller/img/asif.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilalashrafmughal/daskaapp/HEAD/src/Controller/img/asif.jpg -------------------------------------------------------------------------------- /src/Controller/img/daska.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilalashrafmughal/daskaapp/HEAD/src/Controller/img/daska.jpg -------------------------------------------------------------------------------- /src/Controller/img/hamza.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilalashrafmughal/daskaapp/HEAD/src/Controller/img/hamza.jpg -------------------------------------------------------------------------------- /src/Controller/img/rand.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilalashrafmughal/daskaapp/HEAD/src/Controller/img/rand.jpg -------------------------------------------------------------------------------- /src/Components/Videos/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilalashrafmughal/daskaapp/HEAD/src/Components/Videos/loader.gif -------------------------------------------------------------------------------- /src/Components/Videos/thumbnail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilalashrafmughal/daskaapp/HEAD/src/Components/Videos/thumbnail.png -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './index.css'; 4 | import App from './App'; 5 | import {BrowserRouter} from 'react-router-dom' 6 | 7 | ReactDOM.render( 8 | 9 | 10 | 11 | 12 | 13 | , 14 | document.getElementById('root') 15 | ); 16 | 17 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import './App.css'; 3 | import Routes from './Components/Routes/Routes'; 4 | import Navbar from './Components/Navbar/Navbar'; 5 | 6 | class App extends Component{ 7 | render(){ 8 | return( 9 |
10 | 11 | 12 |
13 | ) 14 | } 15 | } 16 | 17 | export default App; 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | font-family: 'Baloo Paaji 2', cursive; 9 | } 10 | 11 | code { 12 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 13 | monospace; 14 | } 15 | 16 | -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /src/Components/Navbar/Navbar.js: -------------------------------------------------------------------------------- 1 | import React, {Component} from 'react' 2 | import {NavLink} from 'react-router-dom'; 3 | import './Navbar.css'; 4 | 5 | class Navbar extends Component{ 6 | 7 | render(){ 8 | return( 9 | 18 | ) 19 | } 20 | } 21 | 22 | export default Navbar; -------------------------------------------------------------------------------- /src/Components/Navbar/Navbar.css: -------------------------------------------------------------------------------- 1 | .Navbar{ 2 | display: flex; 3 | justify-content: space-around; 4 | align-items: center; 5 | height: 8vh; 6 | background-color: rgb(71, 67, 67); 7 | } 8 | .Nav-list a{ 9 | text-decoration: none; 10 | color: white; 11 | text-transform: uppercase; 12 | font-size: 18px; 13 | font-weight: 700; 14 | transition: ease all 0.3s; 15 | } 16 | .Nav-logo{ 17 | margin-left: 20px; 18 | width: 20%; 19 | } 20 | .Nav-logo h2{ 21 | color: white; 22 | } 23 | .Nav-logo h2 i{ 24 | font-size: 35px; 25 | color: #FF0099; 26 | margin-right: 10px; 27 | } 28 | .active-link{ 29 | display: inline-block; 30 | border-bottom: 3px solid #FF0099; 31 | } 32 | .Nav-list a:hover{ 33 | color: #FF0099; 34 | } -------------------------------------------------------------------------------- /src/Components/Routes/Routes.js: -------------------------------------------------------------------------------- 1 | import React, {Component} from 'react' 2 | import {Switch, Route} from 'react-router-dom'; 3 | import Videos from '../Videos/Videos' 4 | import Video from '../Video/Video' 5 | import Controller from '../../Controller/Controller'; 6 | 7 | class Routes extends Component{ 8 | 9 | render(){ 10 | const getId = props => { 11 | const id = props.match.params.id; 12 | return