+
+
+ )
+ }
+}
diff --git a/fullstackcourses/src/cards.js b/fullstackcourses/src/cards.js
new file mode 100644
index 0000000..b0f097e
--- /dev/null
+++ b/fullstackcourses/src/cards.js
@@ -0,0 +1,68 @@
+import React, { Component } from 'react'
+import { BrowserRouter as Router, Route } from 'react-router-dom'
+
+import ShowCard from './ShowCard';
+import Navbar from './Navbar';
+
+export default class cards extends Component {
+
+ state = {
+ tutorials: [
+ {
+ id: 1,
+ Title: "Android Tutorial",
+ Link: "https://www.tutorialspoint.com/android/index.htm",
+ Description: "Android is an open source and Linux-based operating system for mobile devices such as smartphones and tablet computers",
+ Tags: "Android",
+ TypeOfTutorial: "Video",
+ TyoeOfPay: "Free",
+ SkillLevel: "Beginner"
+ },
+ {
+ id: 2,
+ Title: "PHP Tutorial",
+ Link: "https://www.w3schools.com/php/",
+ Description: "PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages.",
+ Tags: "PHP",
+ TypeOfTutorial: "Video",
+ TyoeOfPay: "Free",
+ SkillLevel: "Intermediate"
+ },
+ {
+
+ id: 3,
+ Title: "Laravel Tutorial",
+ Link: "https://laravel-news.com/your-first-laravel-application",
+ Description: "Laravel focuses on the end user first, which means its focus is on simplicity, clarity, and getting work done",
+ Tags: "Laravel",
+ TypeOfTutorial: "Video",
+ TyoeOfPay: "Free",
+ SkillLevel: "Advanced"
+ },
+ {
+
+ id: 4,
+ Title: "Angular Tutorial",
+ Link: "https://angular.io",
+ Description: "Angular is a TypeScript-based open-source front-end web application platform",
+ Tags: "Angular",
+ TypeOfTutorial: "Video",
+ TyoeOfPay: "Free",
+ SkillLevel: "Advanced"
+ }
+ ]
+ }
+ render() {
+ const { tutorials } = this.state;
+ return (
+
+
+
+
+
+
+
+
+ );
+ }
+}
diff --git a/fullstackcourses/src/index.js b/fullstackcourses/src/index.js
index 87d1be5..b597a44 100644
--- a/fullstackcourses/src/index.js
+++ b/fullstackcourses/src/index.js
@@ -1,12 +1,5 @@
import React from 'react';
import ReactDOM from 'react-dom';
-import './index.css';
import App from './App';
-import * as serviceWorker from './serviceWorker';
ReactDOM.render(, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
diff --git a/fullstackcourses/src/logo.svg b/fullstackcourses/src/logo.svg
deleted file mode 100644
index 2e5df0d..0000000
--- a/fullstackcourses/src/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file