flutter added as a new category and 6 courses added into it (#183)

package.json

@@ -3,30 +3,30 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
-    "@types/history": "^4.7.5",
-    "@types/jest": "^24.0.0",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^12.1.0",
+    "@testing-library/user-event": "^13.2.1",
+    "@types/history": "^4.7.9",
+    "@types/jest": "^27.0.1",
     "@types/lodash.snakecase": "^4.1.6",
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.9.0",
-    "@types/react-addons-css-transition-group": "^15.0.5",
-    "@types/react-dom": "^16.9.0",
-    "@types/react-router-dom": "^5.1.3",
-    "flag-icon-css": "^3.4.6",
+    "@types/node": "^16.9.1",
+    "@types/react": "^17.0.21",
+    "@types/react-addons-css-transition-group": "^15.0.6",
+    "@types/react-dom": "^17.0.9",
+    "@types/react-router-dom": "^5.1.9",
+    "flag-icon-css": "^3.5.0",
     "font-awesome": "^4.7.0",
-    "history": "^4.10.1",
+    "history": "^5.0.1",
     "lodash.snakecase": "^4.1.1",
-    "node-sass": "^4.13.1",
-    "react": "^16.13.1",
+    "node-sass": "^6.0.1",
+    "react": "^17.0.2",
     "react-addons-css-transition-group": "^15.6.2",
-    "react-dom": "^16.13.1",
-    "react-ga": "^2.7.0",
+    "react-dom": "^17.0.2",
+    "react-ga": "^3.3.0",
     "react-open-doodles": "^1.0.5",
-    "react-router-dom": "^5.1.2",
-    "react-scripts": "3.4.1",
-    "typescript": "~3.7.2"
+    "react-router-dom": "^5.3.0",
+    "react-scripts": "4.0.3",
+    "typescript": "~4.4.3"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -51,6 +51,6 @@
   },
   "devDependencies": {
     "react-snap": "^1.23.0",
-    "sitemap-generator": "^8.4.2"
+    "sitemap-generator": "^8.5.1"
   }
 }

public/index.html

@@ -39,6 +39,8 @@
       href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css"
     />
 
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css">
+
     <script type="text/javascript">
       (function (l) {
         if (l.search) {

src/data/categories.ts

@@ -134,6 +134,10 @@ const categories: Category[] = [
     title: "Backbone-js",
     icon: "devicon-backbonejs-plain colored",
   },
+  {
+    title: "Flutter",
+    icon: "devicon-flutter-plain colored",
+  },
 ];
 
 export default categories;

src/data/courses.ts

@@ -1469,7 +1469,6 @@ const courses: Course[] = [
     image: "https://rocketseat.com.br/static/images/cursos/es6.svg",
     flags: "flag-icon-br",
   },
-
   {
     title: "Introduction to TypeScript",
     description:
@@ -1494,6 +1493,72 @@ const courses: Course[] = [
     image:
       "https://images.prismic.io/glitch-cms/2-react-starter-kit-1.jpg?auto=compress,format&rect=0,0,860,500&w=860&h=500",
   },
+  {
+    title: "Learn Flutter - Beginners Course",
+    description: "Build Android and iOS apps with a flutter framework",
+    link: "https://www.udemy.com/course/learn-flutter-beginners-course/",
+    author: "Mayuresh Wankhede",
+    level: "Beginner",
+    categories: "flutter",
+    language: "English",
+    flags: "flag-icon-us",
+    image: "https://img-c.udemycdn.com/course/480x270/1644780_cd06_3.jpg",
+  },
+  {
+    title: "Pre-Flutter & Dart: Everything To Know Before You Start!",
+    description: "The Only Course You Need Before You Begin Learning Flutter & Dart! Can It Lead To A Career For You?",
+    link: "https://www.udemy.com/course/pre-google-flutter-and-dart-everything-you-need-to-know/",
+    author: "Farid Ul Haq",
+    level: "Beginner",
+    categories: "flutter",
+    language: "English",
+    flags: "flag-icon-us",
+    image: "https://img-c.udemycdn.com/course/480x270/1909434_b4a8_6.jpg",
+  },
+  {
+    title: "Introduction to Flutter",
+    description: "Flutter basics",
+    link: "https://www.udemy.com/course/introduction-to-flutter/",
+    author: "DSC VIT Powered by Google Developers",
+    level: "Beginner",
+    categories: "flutter",
+    language: "English",
+    flags: "flag-icon-us",
+    image: "https://img-c.udemycdn.com/course/480x270/2831314_6e47_2.jpg",
+  },
+  {
+    title: "Flutter Crash Course for Beginners 2021 - Build a Flutter App with Google's Flutter & Dart",
+    description: "In this Free Flutter Introduction for Beginners, you will get start with Flutter and learn how to build an iOS and Android app with Flutter! You will actually build a Flutter App with Google’s Flutter & Dart",
+    link: "https://youtu.be/x0uinJvhNxI",
+    author: "AcadMind",
+    level: "Beginner - Intermadiate",
+    categories: "flutter",
+    language: "English",
+    flags: "flag-icon-us",
+    image: "https://i.ytimg.com/vi/x0uinJvhNxI/hq720.jpg",
+  },
+  {
+    title: "Flutter Course - Full Tutorial for Beginners (Build iOS and Android Apps)",
+    description: "Learn Flutter, Google’s groundbreaking multi-platform mobile development framework to create apps for Android and iOS. In this course, Nick Manning from fluttercrashcourse.com teaches you how to get up and running with Flutter quickly and effectively. Nick has been a Flutter engineer since 2017 and has boiled down this real-world know-how into a clear-cut, realistic and step-by-step crash course. Flutter apps are written in the Dart programming language",
+    link: "https://youtu.be/pTJJsmejUOQ",
+    author: "Nick Manning from fluttercrashcourse.com",
+    level: "Beginner - Intermadiate",
+    categories: "flutter",
+    language: "English",
+    flags: "flag-icon-us",
+    image: "https://i.ytimg.com/vi/pTJJsmejUOQ/hq720.jpg",
+  },
+  {
+    title: "En Baştan Yazılıma Başlama Eğitimi; Flutter Dart Başlangıç Düzeyi",
+    description: "Bu youtube oynatma listesindeki videolarla flutter ve dart ile tanışabilirsiniz. Böylece birçok platforma tek bir kod yazarak uygulama geliştirmenin temellerini atmış olacaksınız.",
+    link: "https://youtu.be/UFOEB2luPn0?list=PLrWGe5fM0LZ4PSm2Gcz1N6Z9IzyPZnkyR",
+    author: "Mehmet Ali Bayram",
+    level: "Beginner - Intermadiate",
+    categories: "flutter",
+    language: "Turkish",
+    flags: "flag-icon-tr",
+    image: "https://miro.medium.com/max/1400/0*-jhnXzZ3HsnoeC_s.jpg",
+  },
 ]
   .map((course) => {
     return {

tsconfig.json

@@ -17,7 +17,8 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react-jsx",
+    "noFallthroughCasesInSwitch": true
   },
   "include": [
     "src"