diff --git a/public/static/home/avatars/Anuj_garg.jpg b/public/static/home/avatars/Anuj_garg.jpg
new file mode 100644
index 00000000..7f3c8b19
Binary files /dev/null and b/public/static/home/avatars/Anuj_garg.jpg differ
diff --git a/public/static/home/avatars/Gaurav_Beriwal.jpg b/public/static/home/avatars/Gaurav_Beriwal.jpg
new file mode 100644
index 00000000..55c95eba
Binary files /dev/null and b/public/static/home/avatars/Gaurav_Beriwal.jpg differ
diff --git a/public/static/home/avatars/kunal_kush.jpg b/public/static/home/avatars/kunal_kush.jpg
new file mode 100644
index 00000000..e4ef1546
Binary files /dev/null and b/public/static/home/avatars/kunal_kush.jpg differ
diff --git a/public/static/images/backs/cta.png b/public/static/images/backs/cta.png
new file mode 100644
index 00000000..67d572f7
Binary files /dev/null and b/public/static/images/backs/cta.png differ
diff --git a/public/static/images/projects/p1.png b/public/static/images/projects/p1.png
new file mode 100644
index 00000000..7f05a9cd
Binary files /dev/null and b/public/static/images/projects/p1.png differ
diff --git a/public/static/reviews/high.png b/public/static/reviews/high.png
new file mode 100644
index 00000000..78c8cf2a
Binary files /dev/null and b/public/static/reviews/high.png differ
diff --git a/public/static/reviews/low.png b/public/static/reviews/low.png
new file mode 100644
index 00000000..53d4747b
Binary files /dev/null and b/public/static/reviews/low.png differ
diff --git a/public/static/reviews/students/AayushKumar.png b/public/static/reviews/students/AayushKumar.png
new file mode 100644
index 00000000..6d6d301d
Binary files /dev/null and b/public/static/reviews/students/AayushKumar.png differ
diff --git a/public/static/reviews/students/GaganpreetKaurKalsi.png b/public/static/reviews/students/GaganpreetKaurKalsi.png
new file mode 100644
index 00000000..ff88558d
Binary files /dev/null and b/public/static/reviews/students/GaganpreetKaurKalsi.png differ
diff --git a/public/static/reviews/students/ShantanuGupta.png b/public/static/reviews/students/ShantanuGupta.png
new file mode 100644
index 00000000..96d94cf8
Binary files /dev/null and b/public/static/reviews/students/ShantanuGupta.png differ
diff --git a/public/static/reviews/students/Sunidhi.png b/public/static/reviews/students/Sunidhi.png
new file mode 100644
index 00000000..431fc7fc
Binary files /dev/null and b/public/static/reviews/students/Sunidhi.png differ
diff --git a/public/static/reviews/students/kunal.png b/public/static/reviews/students/kunal.png
new file mode 100644
index 00000000..5cc104a8
Binary files /dev/null and b/public/static/reviews/students/kunal.png differ
diff --git a/public/static/reviews/top.png b/public/static/reviews/top.png
new file mode 100644
index 00000000..a3325aed
Binary files /dev/null and b/public/static/reviews/top.png differ
diff --git a/src/Routes.js b/src/Routes.js
index 9eee9df2..cb5f7f6e 100755
--- a/src/Routes.js
+++ b/src/Routes.js
@@ -8,7 +8,12 @@ import HomeView from 'src/views/pages/HomeView';
import CAView from 'src/views/pages/CLView';
import EventsView from 'src/views/pages/EventsView';
import LoadingScreen from 'src/components/LoadingScreen';
-import machineLearningView from 'src/views/pages/Courses/MachineLearningView'
+import MachineLearningView from 'src/views/pages/Courses/MachineLearningView'
+import AlgoJavaView from 'src/views/pages/Courses/AlgoJavaView'
+import AlgoPythonView from 'src/views/pages/Courses/AlgoPythonView'
+import WebFullStakView from 'src/views/pages/Courses/WebFullStakView'
+import CompetitiveJavaView from 'src/views/pages/Courses/CompetitiveJavaView'
+import PythonDevelopmentView from 'src/views/pages/Courses/PythonDevelopmentView'
const routesConfig = [
{
@@ -89,13 +94,68 @@ const routesConfig = [
]
},
{
- path: '/machineLearning',
+ path: '/machine-learning-using-python',
layout: MainLayout,
routes: [
{
exact: true,
- path: '/machineLearning',
- component: machineLearningView
+ path: '/machine-learning-using-python',
+ component: MachineLearningView
+ }
+ ]
+ },
+ {
+ path: '/ds-algo-with-java',
+ layout: MainLayout,
+ routes: [
+ {
+ exact: true,
+ path: '/ds-algo-with-java',
+ component: AlgoJavaView
+ }
+ ]
+ },
+ {
+ path: '/ds-algo-with-python',
+ layout: MainLayout,
+ routes: [
+ {
+ exact: true,
+ path: '/ds-algo-with-python',
+ component: AlgoPythonView
+ }
+ ]
+ },
+ {
+ path: '/fullstack-webdev-with-js',
+ layout: MainLayout,
+ routes: [
+ {
+ exact: true,
+ path: '/fullstack-webdev-with-js',
+ component: WebFullStakView
+ }
+ ]
+ },
+ {
+ path: '/competitive-programming-using-java',
+ layout: MainLayout,
+ routes: [
+ {
+ exact: true,
+ path: '/competitive-programming-using-java',
+ component: CompetitiveJavaView
+ }
+ ]
+ },
+ {
+ path: '/application-dev-using-python',
+ layout: MainLayout,
+ routes: [
+ {
+ exact: true,
+ path: '/application-dev-using-python',
+ component: PythonDevelopmentView
}
]
},
diff --git a/src/data/courses/advanced/Ar.js b/src/data/courses/advanced/Ar.js
deleted file mode 100644
index 7a54874a..00000000
--- a/src/data/courses/advanced/Ar.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const ar = {
- difficulty: 'Basic',
- duration: '15 days',
- level: 'Level 2',
- domain: 'Mixed Reality',
- title: 'Augmented Reality (AR) Development',
- projects: [],
- overview: 'While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone\'s camera. Want a virtual pet to roam around in your house? AR can make that possible.',
- topics: [
- 'Intro to Spatial Computing and AR',
- 'Javascript programming fundamentals',
- 'Designing and coding in 3D coordinate system',
- 'Vector mathematics and Physics',
- 'Timers & Animation',
- 'Game development concepts',
- 'Touch handling / gesture recognition',
- 'Deploying your AR app to iPhone/Android devices'
- ],
- slides: [
- {
- heading: 'Learn To make Snapchat Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/ar.png'
- },
- {
- heading: 'Learn To make Bot Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/bot.png'
- },
- {
- heading: 'Learn To make Cup Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/cup.png'
- }
- ],
- tags: [
- 'Javascript',
- 'AR',
- 'HTML'
- ]
-}
\ No newline at end of file
diff --git a/src/data/courses/advanced/CompetitiveJava.js b/src/data/courses/advanced/CompetitiveJava.js
new file mode 100644
index 00000000..815e56ab
--- /dev/null
+++ b/src/data/courses/advanced/CompetitiveJava.js
@@ -0,0 +1,143 @@
+export const competitiveJava = {
+ difficulty: 'Intermediate',
+ duration: '30 Lectures',
+ level: 'Level 2',
+ link: '/competitive-programming-using-java',
+ domain: 'Interview Prepration',
+ title: 'Competitve Programming using Java',
+ upcoming: 'Oct 1st',
+ projects: [
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ }
+ ],
+ topics: [
+ {
+ title: 'Revising Python Fundamentals',
+ classes: 'Classes 1-4',
+ subtopics: [
+ 'In-built Data Structures',
+ 'Control Flow Statements ',
+ 'Underatanding OOPS and Modules',
+ 'Various File operations'
+ ]
+ },
+ {
+ title: 'Data Discovery and Visualiation',
+ classes: 'Classes 5-8',
+ subtopics: [
+ 'Numpy and array computation',
+ 'Processing Images with Numpy',
+ 'Data Acquisition - Web Scrapping, Web APIs',
+ 'Data Analysis using Pandas',
+ 'Importing and Exporting Data '
+ ]
+ },
+ {
+ title: 'Classical Machine Learning Algorithms',
+ classes: 'Classes 9-13',
+ subtopics: [
+ 'K-Nearest Neighbour search',
+ 'K-means clustering',
+ 'Linear Regression',
+ 'Logistic Regression',
+ 'Decision trees and Ensembling Learning',
+ 'Random Forest Classifiers',
+ 'Support Vector Machines'
+ ]
+ },
+ {
+ title: 'Natural Language Processing',
+ classes: 'Classes 14-18',
+ subtopics: [
+ 'Text generation using Markov Chain',
+ 'Text classification using Naive Bayes',
+ 'Deploy ML model with flask on heroku',
+ 'Create a facebook chatbot with flask'
+ ]
+ },
+ {
+ title: 'Deep Neural Networks',
+ classes: 'Classes 19-22',
+ subtopics: [
+ 'Neural Architectures and Training',
+ 'Deep Learning with Keras',
+ 'Convolutions and the GoogLe Net',
+ 'Transfer Learning with ResNet and AlexNet',
+ 'Dimensionality Reduction using Auto-encoders'
+ ]
+ },
+ {
+ title: 'Advanced Deep Learning',
+ classes: 'Classes 23-27',
+ subtopics: [
+ 'Recurrent Neural Network',
+ 'Long Short Term Memory',
+ 'Music Generation using LSTM',
+ 'Predict Gender from name with LSTM',
+ 'Generative Adversarial Nets'
+ ]
+ },
+ {
+ title: 'Reinforcemnt Learning',
+ classes: 'Classes 27-30',
+ subtopics: [
+ 'Foundational Reinforcemnt Learning',
+ 'Evolutionary Algorithms and Genetic Algorithms',
+ 'Deep Q-learning and training',
+ 'Training on OpenAI Gym Simulaters'
+ ]
+ }
+ ],
+ slides: [
+ {
+ heading: 'Create Facebook Chatbot',
+ subheading: 'Using Natural Language Processing',
+ image: '/static/swipes/bot.png'
+ },
+ {
+ heading: 'Dedect and recognize Faces',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Generate machine made music',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Learn To make Snapchat Filters',
+ subheading: 'Using Image Processing',
+ image: '/static/swipes/ar.png'
+ }
+ ],
+ tags: [
+ 'ML',
+ 'Image Processing',
+ 'Deep Learning',
+ 'Neural Network',
+ 'CNN',
+ 'Python'
+ ],
+ overview: [
+ "While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone's camera. Want a virtual pet to roam around in your house? AR can make that possible.",
+ "We’ve been teaching VR for over 12 months but this AR course is BRAND NEW! You’ll learn to design and code Augmented Reality apps using Camp K12's very own HatchXR platform."
+ ]
+};
diff --git a/src/data/courses/advanced/MachineLearning.js b/src/data/courses/advanced/MachineLearning.js
new file mode 100644
index 00000000..ab76fc54
--- /dev/null
+++ b/src/data/courses/advanced/MachineLearning.js
@@ -0,0 +1,143 @@
+export const machineLearning = {
+ difficulty: 'Intermediate',
+ duration: '30 Lectures',
+ level: 'Level 2',
+ link: '/machine-learning-using-python',
+ domain: 'Artificial Intelligence',
+ title: 'Master Machine Learning using Python',
+ upcoming: 'Oct 1st',
+ projects: [
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ }
+ ],
+ topics: [
+ {
+ title: 'Revising Python Fundamentals',
+ classes: 'Classes 1-4',
+ subtopics: [
+ 'In-built Data Structures',
+ 'Control Flow Statements ',
+ 'Underatanding OOPS and Modules',
+ 'Various File operations'
+ ]
+ },
+ {
+ title: 'Data Discovery and Visualiation',
+ classes: 'Classes 5-8',
+ subtopics: [
+ 'Numpy and array computation',
+ 'Processing Images with Numpy',
+ 'Data Acquisition - Web Scrapping, Web APIs',
+ 'Data Analysis using Pandas',
+ 'Importing and Exporting Data '
+ ]
+ },
+ {
+ title: 'Classical Machine Learning Algorithms',
+ classes: 'Classes 9-13',
+ subtopics: [
+ 'K-Nearest Neighbour search',
+ 'K-means clustering',
+ 'Linear Regression',
+ 'Logistic Regression',
+ 'Decision trees and Ensembling Learning',
+ 'Random Forest Classifiers',
+ 'Support Vector Machines'
+ ]
+ },
+ {
+ title: 'Natural Language Processing',
+ classes: 'Classes 14-18',
+ subtopics: [
+ 'Text generation using Markov Chain',
+ 'Text classification using Naive Bayes',
+ 'Deploy ML model with flask on heroku',
+ 'Create a facebook chatbot with flask'
+ ]
+ },
+ {
+ title: 'Deep Neural Networks',
+ classes: 'Classes 19-22',
+ subtopics: [
+ 'Neural Architectures and Training',
+ 'Deep Learning with Keras',
+ 'Convolutions and the GoogLe Net',
+ 'Transfer Learning with ResNet and AlexNet',
+ 'Dimensionality Reduction using Auto-encoders'
+ ]
+ },
+ {
+ title: 'Advanced Deep Learning',
+ classes: 'Classes 23-27',
+ subtopics: [
+ 'Recurrent Neural Network',
+ 'Long Short Term Memory',
+ 'Music Generation using LSTM',
+ 'Predict Gender from name with LSTM',
+ 'Generative Adversarial Nets'
+ ]
+ },
+ {
+ title: 'Reinforcemnt Learning',
+ classes: 'Classes 27-30',
+ subtopics: [
+ 'Foundational Reinforcemnt Learning',
+ 'Evolutionary Algorithms and Genetic Algorithms',
+ 'Deep Q-learning and training',
+ 'Training on OpenAI Gym Simulaters'
+ ]
+ }
+ ],
+ slides: [
+ {
+ heading: 'Create Facebook Chatbot',
+ subheading: 'Using Natural Language Processing',
+ image: '/static/swipes/bot.png'
+ },
+ {
+ heading: 'Dedect and recognize Faces',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Generate machine made music',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Learn To make Snapchat Filters',
+ subheading: 'Using Image Processing',
+ image: '/static/swipes/ar.png'
+ }
+ ],
+ tags: [
+ 'ML',
+ 'Image Processing',
+ 'Deep Learning',
+ 'Neural Network',
+ 'CNN',
+ 'Python'
+ ],
+ overview: [
+ "While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone's camera. Want a virtual pet to roam around in your house? AR can make that possible.",
+ "We’ve been teaching VR for over 12 months but this AR course is BRAND NEW! You’ll learn to design and code Augmented Reality apps using Camp K12's very own HatchXR platform."
+ ]
+};
diff --git a/src/data/courses/advanced/Vr.js b/src/data/courses/advanced/Vr.js
deleted file mode 100644
index 409a4496..00000000
--- a/src/data/courses/advanced/Vr.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const vr = {
- difficulty: 'Basic',
- duration: '15 days',
- level: 'Level 2',
- domain: 'Mixed Reality',
- title: 'Augmented Reality (AR) Development',
- projects: [],
- overview: 'While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone\'s camera. Want a virtual pet to roam around in your house? AR can make that possible.',
- topics: [
- 'Intro to Spatial Computing and AR',
- 'Javascript programming fundamentals',
- 'Designing and coding in 3D coordinate system',
- 'Vector mathematics and Physics',
- 'Timers & Animation',
- 'Game development concepts',
- 'Touch handling / gesture recognition',
- 'Deploying your AR app to iPhone/Android devices'
- ],
- slides: [
- {
- heading: 'Learn To make Snapchat Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/ar.png'
- },
- {
- heading: 'Learn To make Bot Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/bot.png'
- },
- {
- heading: 'Learn To make Cup Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/cup.png'
- }
- ],
- tags: [
- 'Javascript',
- 'AR',
- 'HTML'
- ]
-}
\ No newline at end of file
diff --git a/src/data/courses/advanced/Web.js b/src/data/courses/advanced/Web.js
deleted file mode 100644
index 8c0f8a49..00000000
--- a/src/data/courses/advanced/Web.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const web = {
- difficulty: 'Basic',
- duration: '15 days',
- level: 'Level 2',
- domain: 'Mixed Reality',
- title: 'Augmented Reality (AR) Development',
- projects: [],
- overview: 'While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone\'s camera. Want a virtual pet to roam around in your house? AR can make that possible.',
- topics: [
- 'Intro to Spatial Computing and AR',
- 'Javascript programming fundamentals',
- 'Designing and coding in 3D coordinate system',
- 'Vector mathematics and Physics',
- 'Timers & Animation',
- 'Game development concepts',
- 'Touch handling / gesture recognition',
- 'Deploying your AR app to iPhone/Android devices'
- ],
- slides: [
- {
- heading: 'Learn To make Snapchat Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/ar.png'
- },
- {
- heading: 'Learn To make Bot Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/bot.png'
- },
- {
- heading: 'Learn To make Cup Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/cup.png'
- }
- ],
- tags: [
- 'Javascript',
- 'AR',
- 'HTML'
- ]
-}
\ No newline at end of file
diff --git a/src/data/courses/advanced/WebDevelopment.js b/src/data/courses/advanced/WebDevelopment.js
new file mode 100644
index 00000000..5c14430a
--- /dev/null
+++ b/src/data/courses/advanced/WebDevelopment.js
@@ -0,0 +1,143 @@
+export const webDevelopment = {
+ difficulty: 'Intermediate',
+ duration: '30 Lectures',
+ level: 'Level 2',
+ link: '/fullstack-webdev-with-js',
+ domain: 'Web Development',
+ title: 'Full Stack Web Development with JS',
+ upcoming: 'Oct 1st',
+ projects: [
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ }
+ ],
+ topics: [
+ {
+ title: 'Revising Python Fundamentals',
+ classes: 'Classes 1-4',
+ subtopics: [
+ 'In-built Data Structures',
+ 'Control Flow Statements ',
+ 'Underatanding OOPS and Modules',
+ 'Various File operations'
+ ]
+ },
+ {
+ title: 'Data Discovery and Visualiation',
+ classes: 'Classes 5-8',
+ subtopics: [
+ 'Numpy and array computation',
+ 'Processing Images with Numpy',
+ 'Data Acquisition - Web Scrapping, Web APIs',
+ 'Data Analysis using Pandas',
+ 'Importing and Exporting Data '
+ ]
+ },
+ {
+ title: 'Classical Machine Learning Algorithms',
+ classes: 'Classes 9-13',
+ subtopics: [
+ 'K-Nearest Neighbour search',
+ 'K-means clustering',
+ 'Linear Regression',
+ 'Logistic Regression',
+ 'Decision trees and Ensembling Learning',
+ 'Random Forest Classifiers',
+ 'Support Vector Machines'
+ ]
+ },
+ {
+ title: 'Natural Language Processing',
+ classes: 'Classes 14-18',
+ subtopics: [
+ 'Text generation using Markov Chain',
+ 'Text classification using Naive Bayes',
+ 'Deploy ML model with flask on heroku',
+ 'Create a facebook chatbot with flask'
+ ]
+ },
+ {
+ title: 'Deep Neural Networks',
+ classes: 'Classes 19-22',
+ subtopics: [
+ 'Neural Architectures and Training',
+ 'Deep Learning with Keras',
+ 'Convolutions and the GoogLe Net',
+ 'Transfer Learning with ResNet and AlexNet',
+ 'Dimensionality Reduction using Auto-encoders'
+ ]
+ },
+ {
+ title: 'Advanced Deep Learning',
+ classes: 'Classes 23-27',
+ subtopics: [
+ 'Recurrent Neural Network',
+ 'Long Short Term Memory',
+ 'Music Generation using LSTM',
+ 'Predict Gender from name with LSTM',
+ 'Generative Adversarial Nets'
+ ]
+ },
+ {
+ title: 'Reinforcemnt Learning',
+ classes: 'Classes 27-30',
+ subtopics: [
+ 'Foundational Reinforcemnt Learning',
+ 'Evolutionary Algorithms and Genetic Algorithms',
+ 'Deep Q-learning and training',
+ 'Training on OpenAI Gym Simulaters'
+ ]
+ }
+ ],
+ slides: [
+ {
+ heading: 'Create Facebook Chatbot',
+ subheading: 'Using Natural Language Processing',
+ image: '/static/swipes/bot.png'
+ },
+ {
+ heading: 'Dedect and recognize Faces',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Generate machine made music',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Learn To make Snapchat Filters',
+ subheading: 'Using Image Processing',
+ image: '/static/swipes/ar.png'
+ }
+ ],
+ tags: [
+ 'ML',
+ 'Image Processing',
+ 'Deep Learning',
+ 'Neural Network',
+ 'CNN',
+ 'Python'
+ ],
+ overview: [
+ "While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone's camera. Want a virtual pet to roam around in your house? AR can make that possible.",
+ "We’ve been teaching VR for over 12 months but this AR course is BRAND NEW! You’ll learn to design and code Augmented Reality apps using Camp K12's very own HatchXR platform."
+ ]
+};
diff --git a/src/data/courses/advanced/index.js b/src/data/courses/advanced/index.js
index f704af0d..51e0e76f 100644
--- a/src/data/courses/advanced/index.js
+++ b/src/data/courses/advanced/index.js
@@ -1,6 +1,6 @@
-import { ar } from './Ar';
-import { vr } from './Vr';
-import { web } from './Web';
-const foundation = {ar, vr, web};
+import { machineLearning } from './MachineLearning';
+import { webDevelopment } from './WebDevelopment';
+import { competitiveJava } from './CompetitiveJava';
+const advanced = {machineLearning, webDevelopment, competitiveJava};
-export default foundation;
+export default advanced;
diff --git a/src/data/courses/expert/Ar.js b/src/data/courses/expert/Ar.js
deleted file mode 100644
index ba71f1fa..00000000
--- a/src/data/courses/expert/Ar.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const ar = {
- difficulty: 'Basic',
- duration: '15 days',
- level: 'Level 1',
- domain: 'Mixed Reality',
- title: 'Augmented Reality (AR) Development',
- projects: [],
- overview: 'While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone\'s camera. Want a virtual pet to roam around in your house? AR can make that possible.',
- topics: [
- 'Intro to Spatial Computing and AR',
- 'Javascript programming fundamentals',
- 'Designing and coding in 3D coordinate system',
- 'Vector mathematics and Physics',
- 'Timers & Animation',
- 'Game development concepts',
- 'Touch handling / gesture recognition',
- 'Deploying your AR app to iPhone/Android devices'
- ],
- slides: [
- {
- heading: 'Learn To make Snapchat Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/ar.png'
- },
- {
- heading: 'Learn To make Bot Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/bot.png'
- },
- {
- heading: 'Learn To make Cup Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/cup.png'
- }
- ],
- tags: [
- 'Javascript',
- 'AR',
- 'HTML'
- ]
-}
\ No newline at end of file
diff --git a/src/data/courses/expert/Vr.js b/src/data/courses/expert/Vr.js
deleted file mode 100644
index 98506f41..00000000
--- a/src/data/courses/expert/Vr.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const vr = {
- difficulty: 'Basic',
- duration: '15 days',
- level: 'Level 1',
- domain: 'Mixed Reality',
- title: 'Augmented Reality (AR) Development',
- projects: [],
- overview: 'While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone\'s camera. Want a virtual pet to roam around in your house? AR can make that possible.',
- topics: [
- 'Intro to Spatial Computing and AR',
- 'Javascript programming fundamentals',
- 'Designing and coding in 3D coordinate system',
- 'Vector mathematics and Physics',
- 'Timers & Animation',
- 'Game development concepts',
- 'Touch handling / gesture recognition',
- 'Deploying your AR app to iPhone/Android devices'
- ],
- slides: [
- {
- heading: 'Learn To make Snapchat Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/ar.png'
- },
- {
- heading: 'Learn To make Bot Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/bot.png'
- },
- {
- heading: 'Learn To make Cup Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/cup.png'
- }
- ],
- tags: [
- 'Javascript',
- 'AR',
- 'HTML'
- ]
-}
\ No newline at end of file
diff --git a/src/data/courses/expert/Web.js b/src/data/courses/expert/Web.js
deleted file mode 100644
index 23a85eb1..00000000
--- a/src/data/courses/expert/Web.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const web = {
- difficulty: 'Basic',
- duration: '15 days',
- level: 'Level 1',
- domain: 'Mixed Reality',
- title: 'Augmented Reality (AR) Development',
- projects: [],
- overview: 'While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone\'s camera. Want a virtual pet to roam around in your house? AR can make that possible.',
- topics: [
- 'Intro to Spatial Computing and AR',
- 'Javascript programming fundamentals',
- 'Designing and coding in 3D coordinate system',
- 'Vector mathematics and Physics',
- 'Timers & Animation',
- 'Game development concepts',
- 'Touch handling / gesture recognition',
- 'Deploying your AR app to iPhone/Android devices'
- ],
- slides: [
- {
- heading: 'Learn To make Snapchat Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/ar.png'
- },
- {
- heading: 'Learn To make Bot Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/bot.png'
- },
- {
- heading: 'Learn To make Cup Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/cup.png'
- }
- ],
- tags: [
- 'Javascript',
- 'AR',
- 'HTML'
- ]
-}
\ No newline at end of file
diff --git a/src/data/courses/expert/index.js b/src/data/courses/expert/index.js
deleted file mode 100644
index f704af0d..00000000
--- a/src/data/courses/expert/index.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import { ar } from './Ar';
-import { vr } from './Vr';
-import { web } from './Web';
-const foundation = {ar, vr, web};
-
-export default foundation;
diff --git a/src/data/courses/foundation/AlgoJava.js b/src/data/courses/foundation/AlgoJava.js
new file mode 100644
index 00000000..c642874b
--- /dev/null
+++ b/src/data/courses/foundation/AlgoJava.js
@@ -0,0 +1,143 @@
+export const algoJava = {
+ difficulty: 'Foundation',
+ duration: '24 Lectures',
+ level: 'Level 1',
+ link: '/ds-algo-with-java',
+ domain: 'Algorithms',
+ title: 'Data Structure and Algorithms with Java',
+ upcoming: 'Oct 1st',
+ projects: [
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ }
+ ],
+ topics: [
+ {
+ title: 'Revising Python Fundamentals',
+ classes: 'Classes 1-4',
+ subtopics: [
+ 'In-built Data Structures',
+ 'Control Flow Statements ',
+ 'Underatanding OOPS and Modules',
+ 'Various File operations'
+ ]
+ },
+ {
+ title: 'Data Discovery and Visualiation',
+ classes: 'Classes 5-8',
+ subtopics: [
+ 'Numpy and array computation',
+ 'Processing Images with Numpy',
+ 'Data Acquisition - Web Scrapping, Web APIs',
+ 'Data Analysis using Pandas',
+ 'Importing and Exporting Data '
+ ]
+ },
+ {
+ title: 'Classical Machine Learning Algorithms',
+ classes: 'Classes 9-13',
+ subtopics: [
+ 'K-Nearest Neighbour search',
+ 'K-means clustering',
+ 'Linear Regression',
+ 'Logistic Regression',
+ 'Decision trees and Ensembling Learning',
+ 'Random Forest Classifiers',
+ 'Support Vector Machines'
+ ]
+ },
+ {
+ title: 'Natural Language Processing',
+ classes: 'Classes 14-18',
+ subtopics: [
+ 'Text generation using Markov Chain',
+ 'Text classification using Naive Bayes',
+ 'Deploy ML model with flask on heroku',
+ 'Create a facebook chatbot with flask'
+ ]
+ },
+ {
+ title: 'Deep Neural Networks',
+ classes: 'Classes 19-22',
+ subtopics: [
+ 'Neural Architectures and Training',
+ 'Deep Learning with Keras',
+ 'Convolutions and the GoogLe Net',
+ 'Transfer Learning with ResNet and AlexNet',
+ 'Dimensionality Reduction using Auto-encoders'
+ ]
+ },
+ {
+ title: 'Advanced Deep Learning',
+ classes: 'Classes 23-27',
+ subtopics: [
+ 'Recurrent Neural Network',
+ 'Long Short Term Memory',
+ 'Music Generation using LSTM',
+ 'Predict Gender from name with LSTM',
+ 'Generative Adversarial Nets'
+ ]
+ },
+ {
+ title: 'Reinforcemnt Learning',
+ classes: 'Classes 27-30',
+ subtopics: [
+ 'Foundational Reinforcemnt Learning',
+ 'Evolutionary Algorithms and Genetic Algorithms',
+ 'Deep Q-learning and training',
+ 'Training on OpenAI Gym Simulaters'
+ ]
+ }
+ ],
+ slides: [
+ {
+ heading: 'Create Facebook Chatbot',
+ subheading: 'Using Natural Language Processing',
+ image: '/static/swipes/bot.png'
+ },
+ {
+ heading: 'Dedect and recognize Faces',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Generate machine made music',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Learn To make Snapchat Filters',
+ subheading: 'Using Image Processing',
+ image: '/static/swipes/ar.png'
+ }
+ ],
+ tags: [
+ 'ML',
+ 'Image Processing',
+ 'Deep Learning',
+ 'Neural Network',
+ 'CNN',
+ 'Python'
+ ],
+ overview: [
+ "While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone's camera. Want a virtual pet to roam around in your house? AR can make that possible.",
+ "We’ve been teaching VR for over 12 months but this AR course is BRAND NEW! You’ll learn to design and code Augmented Reality apps using Camp K12's very own HatchXR platform."
+ ]
+};
diff --git a/src/data/courses/foundation/AlgoPython.js b/src/data/courses/foundation/AlgoPython.js
new file mode 100644
index 00000000..d33aa19e
--- /dev/null
+++ b/src/data/courses/foundation/AlgoPython.js
@@ -0,0 +1,143 @@
+export const algoPython = {
+ difficulty: 'Foundation',
+ duration: '24 Lectures',
+ level: 'Level 1',
+ link: '/ds-algo-with-python',
+ domain: 'Algorithms',
+ title: 'Data Structure and Algorithms with Python',
+ upcoming: 'Oct 1st',
+ projects: [
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ }
+ ],
+ topics: [
+ {
+ title: 'Revising Python Fundamentals',
+ classes: 'Classes 1-4',
+ subtopics: [
+ 'In-built Data Structures',
+ 'Control Flow Statements ',
+ 'Underatanding OOPS and Modules',
+ 'Various File operations'
+ ]
+ },
+ {
+ title: 'Data Discovery and Visualiation',
+ classes: 'Classes 5-8',
+ subtopics: [
+ 'Numpy and array computation',
+ 'Processing Images with Numpy',
+ 'Data Acquisition - Web Scrapping, Web APIs',
+ 'Data Analysis using Pandas',
+ 'Importing and Exporting Data '
+ ]
+ },
+ {
+ title: 'Classical Machine Learning Algorithms',
+ classes: 'Classes 9-13',
+ subtopics: [
+ 'K-Nearest Neighbour search',
+ 'K-means clustering',
+ 'Linear Regression',
+ 'Logistic Regression',
+ 'Decision trees and Ensembling Learning',
+ 'Random Forest Classifiers',
+ 'Support Vector Machines'
+ ]
+ },
+ {
+ title: 'Natural Language Processing',
+ classes: 'Classes 14-18',
+ subtopics: [
+ 'Text generation using Markov Chain',
+ 'Text classification using Naive Bayes',
+ 'Deploy ML model with flask on heroku',
+ 'Create a facebook chatbot with flask'
+ ]
+ },
+ {
+ title: 'Deep Neural Networks',
+ classes: 'Classes 19-22',
+ subtopics: [
+ 'Neural Architectures and Training',
+ 'Deep Learning with Keras',
+ 'Convolutions and the GoogLe Net',
+ 'Transfer Learning with ResNet and AlexNet',
+ 'Dimensionality Reduction using Auto-encoders'
+ ]
+ },
+ {
+ title: 'Advanced Deep Learning',
+ classes: 'Classes 23-27',
+ subtopics: [
+ 'Recurrent Neural Network',
+ 'Long Short Term Memory',
+ 'Music Generation using LSTM',
+ 'Predict Gender from name with LSTM',
+ 'Generative Adversarial Nets'
+ ]
+ },
+ {
+ title: 'Reinforcemnt Learning',
+ classes: 'Classes 27-30',
+ subtopics: [
+ 'Foundational Reinforcemnt Learning',
+ 'Evolutionary Algorithms and Genetic Algorithms',
+ 'Deep Q-learning and training',
+ 'Training on OpenAI Gym Simulaters'
+ ]
+ }
+ ],
+ slides: [
+ {
+ heading: 'Create Facebook Chatbot',
+ subheading: 'Using Natural Language Processing',
+ image: '/static/swipes/bot.png'
+ },
+ {
+ heading: 'Dedect and recognize Faces',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Generate machine made music',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Learn To make Snapchat Filters',
+ subheading: 'Using Image Processing',
+ image: '/static/swipes/ar.png'
+ }
+ ],
+ tags: [
+ 'ML',
+ 'Image Processing',
+ 'Deep Learning',
+ 'Neural Network',
+ 'CNN',
+ 'Python'
+ ],
+ overview: [
+ "While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone's camera. Want a virtual pet to roam around in your house? AR can make that possible.",
+ "We’ve been teaching VR for over 12 months but this AR course is BRAND NEW! You’ll learn to design and code Augmented Reality apps using Camp K12's very own HatchXR platform."
+ ]
+};
diff --git a/src/data/courses/foundation/Ar.js b/src/data/courses/foundation/Ar.js
deleted file mode 100644
index ba71f1fa..00000000
--- a/src/data/courses/foundation/Ar.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const ar = {
- difficulty: 'Basic',
- duration: '15 days',
- level: 'Level 1',
- domain: 'Mixed Reality',
- title: 'Augmented Reality (AR) Development',
- projects: [],
- overview: 'While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone\'s camera. Want a virtual pet to roam around in your house? AR can make that possible.',
- topics: [
- 'Intro to Spatial Computing and AR',
- 'Javascript programming fundamentals',
- 'Designing and coding in 3D coordinate system',
- 'Vector mathematics and Physics',
- 'Timers & Animation',
- 'Game development concepts',
- 'Touch handling / gesture recognition',
- 'Deploying your AR app to iPhone/Android devices'
- ],
- slides: [
- {
- heading: 'Learn To make Snapchat Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/ar.png'
- },
- {
- heading: 'Learn To make Bot Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/bot.png'
- },
- {
- heading: 'Learn To make Cup Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/cup.png'
- }
- ],
- tags: [
- 'Javascript',
- 'AR',
- 'HTML'
- ]
-}
\ No newline at end of file
diff --git a/src/data/courses/foundation/DevPython.js b/src/data/courses/foundation/DevPython.js
new file mode 100644
index 00000000..2136eb65
--- /dev/null
+++ b/src/data/courses/foundation/DevPython.js
@@ -0,0 +1,143 @@
+export const devPython = {
+ difficulty: 'Foundation',
+ duration: '24 Lectures',
+ level: 'Level 1',
+ link: '/application-dev-using-python',
+ domain: 'Development',
+ title: 'Application Development with Python',
+ upcoming: 'Oct 1st',
+ projects: [
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ },
+ {
+ title: 'Mobile App Development',
+ img: '/static/images/projects/p1.png'
+ }
+ ],
+ topics: [
+ {
+ title: 'Revising Python Fundamentals',
+ classes: 'Classes 1-4',
+ subtopics: [
+ 'In-built Data Structures',
+ 'Control Flow Statements ',
+ 'Underatanding OOPS and Modules',
+ 'Various File operations'
+ ]
+ },
+ {
+ title: 'Data Discovery and Visualiation',
+ classes: 'Classes 5-8',
+ subtopics: [
+ 'Numpy and array computation',
+ 'Processing Images with Numpy',
+ 'Data Acquisition - Web Scrapping, Web APIs',
+ 'Data Analysis using Pandas',
+ 'Importing and Exporting Data '
+ ]
+ },
+ {
+ title: 'Classical Machine Learning Algorithms',
+ classes: 'Classes 9-13',
+ subtopics: [
+ 'K-Nearest Neighbour search',
+ 'K-means clustering',
+ 'Linear Regression',
+ 'Logistic Regression',
+ 'Decision trees and Ensembling Learning',
+ 'Random Forest Classifiers',
+ 'Support Vector Machines'
+ ]
+ },
+ {
+ title: 'Natural Language Processing',
+ classes: 'Classes 14-18',
+ subtopics: [
+ 'Text generation using Markov Chain',
+ 'Text classification using Naive Bayes',
+ 'Deploy ML model with flask on heroku',
+ 'Create a facebook chatbot with flask'
+ ]
+ },
+ {
+ title: 'Deep Neural Networks',
+ classes: 'Classes 19-22',
+ subtopics: [
+ 'Neural Architectures and Training',
+ 'Deep Learning with Keras',
+ 'Convolutions and the GoogLe Net',
+ 'Transfer Learning with ResNet and AlexNet',
+ 'Dimensionality Reduction using Auto-encoders'
+ ]
+ },
+ {
+ title: 'Advanced Deep Learning',
+ classes: 'Classes 23-27',
+ subtopics: [
+ 'Recurrent Neural Network',
+ 'Long Short Term Memory',
+ 'Music Generation using LSTM',
+ 'Predict Gender from name with LSTM',
+ 'Generative Adversarial Nets'
+ ]
+ },
+ {
+ title: 'Reinforcemnt Learning',
+ classes: 'Classes 27-30',
+ subtopics: [
+ 'Foundational Reinforcemnt Learning',
+ 'Evolutionary Algorithms and Genetic Algorithms',
+ 'Deep Q-learning and training',
+ 'Training on OpenAI Gym Simulaters'
+ ]
+ }
+ ],
+ slides: [
+ {
+ heading: 'Create Facebook Chatbot',
+ subheading: 'Using Natural Language Processing',
+ image: '/static/swipes/bot.png'
+ },
+ {
+ heading: 'Dedect and recognize Faces',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Generate machine made music',
+ subheading: 'Using Deep Learning',
+ image: '/static/swipes/cup.png'
+ },
+ {
+ heading: 'Learn To make Snapchat Filters',
+ subheading: 'Using Image Processing',
+ image: '/static/swipes/ar.png'
+ }
+ ],
+ tags: [
+ 'ML',
+ 'Image Processing',
+ 'Deep Learning',
+ 'Neural Network',
+ 'CNN',
+ 'Python'
+ ],
+ overview: [
+ "While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone's camera. Want a virtual pet to roam around in your house? AR can make that possible.",
+ "We’ve been teaching VR for over 12 months but this AR course is BRAND NEW! You’ll learn to design and code Augmented Reality apps using Camp K12's very own HatchXR platform."
+ ]
+};
diff --git a/src/data/courses/foundation/Vr.js b/src/data/courses/foundation/Vr.js
deleted file mode 100644
index 98506f41..00000000
--- a/src/data/courses/foundation/Vr.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const vr = {
- difficulty: 'Basic',
- duration: '15 days',
- level: 'Level 1',
- domain: 'Mixed Reality',
- title: 'Augmented Reality (AR) Development',
- projects: [],
- overview: 'While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone\'s camera. Want a virtual pet to roam around in your house? AR can make that possible.',
- topics: [
- 'Intro to Spatial Computing and AR',
- 'Javascript programming fundamentals',
- 'Designing and coding in 3D coordinate system',
- 'Vector mathematics and Physics',
- 'Timers & Animation',
- 'Game development concepts',
- 'Touch handling / gesture recognition',
- 'Deploying your AR app to iPhone/Android devices'
- ],
- slides: [
- {
- heading: 'Learn To make Snapchat Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/ar.png'
- },
- {
- heading: 'Learn To make Bot Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/bot.png'
- },
- {
- heading: 'Learn To make Cup Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/cup.png'
- }
- ],
- tags: [
- 'Javascript',
- 'AR',
- 'HTML'
- ]
-}
\ No newline at end of file
diff --git a/src/data/courses/foundation/Web.js b/src/data/courses/foundation/Web.js
deleted file mode 100644
index 23a85eb1..00000000
--- a/src/data/courses/foundation/Web.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export const web = {
- difficulty: 'Basic',
- duration: '15 days',
- level: 'Level 1',
- domain: 'Mixed Reality',
- title: 'Augmented Reality (AR) Development',
- projects: [],
- overview: 'While VR is all about taking people into virtual worlds, AR is about bringing virtual elements into your real world. Imagine learning about dinosaurs by having life-sized ones walk in front of you. See how a particular dress fits you just by having it be augmented onto your body using your phone\'s camera. Want a virtual pet to roam around in your house? AR can make that possible.',
- topics: [
- 'Intro to Spatial Computing and AR',
- 'Javascript programming fundamentals',
- 'Designing and coding in 3D coordinate system',
- 'Vector mathematics and Physics',
- 'Timers & Animation',
- 'Game development concepts',
- 'Touch handling / gesture recognition',
- 'Deploying your AR app to iPhone/Android devices'
- ],
- slides: [
- {
- heading: 'Learn To make Snapchat Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/ar.png'
- },
- {
- heading: 'Learn To make Bot Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/bot.png'
- },
- {
- heading: 'Learn To make Cup Filters',
- subheading: 'Using Machine Learning',
- image: '/static/swipes/cup.png'
- }
- ],
- tags: [
- 'Javascript',
- 'AR',
- 'HTML'
- ]
-}
\ No newline at end of file
diff --git a/src/data/courses/foundation/index.js b/src/data/courses/foundation/index.js
index f704af0d..e3f2ff2a 100644
--- a/src/data/courses/foundation/index.js
+++ b/src/data/courses/foundation/index.js
@@ -1,6 +1,6 @@
-import { ar } from './Ar';
-import { vr } from './Vr';
-import { web } from './Web';
-const foundation = {ar, vr, web};
+import { algoPython } from './AlgoPython';
+import { algoJava } from './AlgoJava';
+import { devPython } from './DevPython';
+const foundation = {algoPython, algoJava, devPython};
export default foundation;
diff --git a/src/data/courses/index.js b/src/data/courses/index.js
index c33f49c0..81bec014 100644
--- a/src/data/courses/index.js
+++ b/src/data/courses/index.js
@@ -1,7 +1,6 @@
import foundation from './foundation'
import advanced from './advanced'
-import expert from './expert'
-const coursesContent = {foundation, advanced, expert};
+const coursesContent = {foundation, advanced};
export default coursesContent;
\ No newline at end of file
diff --git a/src/data/recommendations.js b/src/data/recommendations.js
new file mode 100644
index 00000000..2c9d04d4
--- /dev/null
+++ b/src/data/recommendations.js
@@ -0,0 +1,31 @@
+export const recommendations = [
+ {
+ id: "1",
+ name: "Gaganpreet Kaur Kalsi",
+ avatar: "/static/reviews/students/GaganpreetKaurKalsi.png",
+ text:
+ "It was a great time learning with you. You both were amazing. Really glad that I came to know about you and connect with you both. These people are amazing. Anybody wanting to learn should definitely approach them.",
+ },
+ {
+ id: "2",
+ name: "Aayush Kumar",
+ avatar: "/static/reviews/students/AayushKumar.png",
+ text:
+ "It was an amazing experience with Code for Cause.and the duo combination of anuj and kunal is like more than best. they will clear your each and every doubt, and the content was also super. Excited to join Code for Cause.",
+ },
+ {
+ id: "3",
+ name: "Sunidhi",
+ avatar: "/static/reviews/students/Sunidhi.png",
+ text:
+ "Attended the 30 days 'ML Bootcamp' in python. It was PHENOMENAL! Hands-on implementation of cool projects, in such a detailed and fun manner - the whole Bootcamp was one-of-a-kind experience. Anuj bhaiya is lit!! ",
+ },
+ {
+ id: "4",
+ name: "Shantanu Gupta",
+ avatar: "/static/reviews/students/ShantanuGupta.png",
+ title: "Father to 9yr Old",
+ text:
+ "I really found my cause to do code. What's yours?? Ever wonder.. Anuj bhaiya is osm mentor for us, He helped a lot to clear all doubts in projects asa ML basics. Really supportive mentors, and all Team members."
+ },
+]
diff --git a/src/theme/index.js b/src/theme/index.js
index eff65e72..d9d9675b 100755
--- a/src/theme/index.js
+++ b/src/theme/index.js
@@ -53,7 +53,7 @@ const themeConfigs = [
paper: colors.common.white // background
},
primary: {
- main: colors.indigo[600] // for header and loader
+ main: "#A60000" // for header and loader
},
secondary: {
main: '#5850EC' // for button and selected
diff --git a/src/views/Courses/MachineLearningView/Apply.js b/src/views/Courses/MachineLearningView/Apply.js
deleted file mode 100755
index c8e98095..00000000
--- a/src/views/Courses/MachineLearningView/Apply.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-
-import {
- Box,
- Grid,
- Typography,
- makeStyles,
- Hidden
-} from '@material-ui/core';
-import ApplyNowModal from './ApplyNowModal';
-
-
-const useStyles = makeStyles(theme => ({
- root: {
- minHeight: '350px',
- color: '#FFF',
- padding: '100px 70px',
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- }
- },
- main: {
- display: 'flex',
- flexDirection: 'column',
- alignItems: 'center',
- justifyContent: 'center',
- padding: '0px',
- color: '#FFF'
- },
- btn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- textTransform: 'capitalize',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- },
- '&:hover': {
- backgroundColor: 'rgba(166, 0, 0, 0.8)'
- }
- },
- applyleft: {
- display: 'flex',
- alignItems: 'center',
- justifyContent: 'center'
- }
-}));
-
-function Apply({ className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
-
-
- Lead a community at your campus
-
-
- powered by Code for Cause
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
-
-Apply.propTypes = {
- className: PropTypes.string
-};
-
-export default Apply;
diff --git a/src/views/Courses/MachineLearningView/ApplyNowModal.js b/src/views/Courses/MachineLearningView/ApplyNowModal.js
deleted file mode 100644
index 07e56f40..00000000
--- a/src/views/Courses/MachineLearningView/ApplyNowModal.js
+++ /dev/null
@@ -1,192 +0,0 @@
-import React, { useState } from 'react';
-import {
- TextField,
- Dialog,
- DialogActions,
- DialogContent,
- DialogContentText,
- DialogTitle,
- Button,
- Typography
-} from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
-import CircularProgress from '@material-ui/core/CircularProgress';
-
-import axios from 'axios';
-
-const useStyles = makeStyles(theme => ({
- btn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- textTransform: 'capitalize',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- },
- '&:hover': {
- backgroundColor: 'rgba(166, 0, 0, 0.8)'
- }
- },
- textField: {
- marginBottom: '16px'
- },
- submissions: {
- width: "80px",
- height: "50px"
- }
-}));
-
-export default function ApplyNowModal() {
- const classes = useStyles();
- const [open, setOpen] = useState(false);
- const [formData, updateFormData] = useState({});
- const [submitting, setSubmitting] = useState(0);
-
- const handleClickOpen = () => {
- setOpen(true);
- };
-
- const handleClose = () => {
- setOpen(false);
- };
-
- const handleChange = event => {
- updateFormData({
- ...formData,
- [event.target.name]: event.target.value
- });
- };
-
-
- const handleSubmit = e => {
- setSubmitting(1);
- e.preventDefault();
- axios({
- method: 'post',
- url:
- 'https://us-central1-codeforcauseorg.cloudfunctions.net/widgets/leads',
- data: formData
- })
- .then(response => {
- setSubmitting(0);
- handleClose();
- })
- .catch(error => {});
- };
-
- return (
-
-
- Apply now
-
-
-
- Apply for Campus Leaders Program
-
-
-
- Please provide your details below.
-
-
-
-
-
- Cancel
-
- {submitting === 0 ? (
-
- Apply
-
- ) : (
-
- )}
-
-
-
- );
-}
diff --git a/src/views/Courses/MachineLearningView/CLBenefits/BenefitCard.js b/src/views/Courses/MachineLearningView/CLBenefits/BenefitCard.js
deleted file mode 100755
index d312430a..00000000
--- a/src/views/Courses/MachineLearningView/CLBenefits/BenefitCard.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { Box, Card, Typography, makeStyles } from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {
- backgroundColor: '#5D517E',
- display: 'flex',
- alignItems: 'center',
- justifyContent: 'center',
- height: 230,
- width: 'auto',
- color: '#1D006E'
- }
-}));
-
-function BenefitCard({ benefit, className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
-
-
-
- {benefit.detail}
-
-
-
- );
-}
-
-BenefitCard.propTypes = {
- className: PropTypes.string
-};
-
-export default BenefitCard;
diff --git a/src/views/Courses/MachineLearningView/CLBenefits/index.js b/src/views/Courses/MachineLearningView/CLBenefits/index.js
deleted file mode 100644
index 05cf6a75..00000000
--- a/src/views/Courses/MachineLearningView/CLBenefits/index.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { Container, Grid, Typography, makeStyles } from '@material-ui/core';
-import BenefitCard from './BenefitCard';
-
-const useStyles = makeStyles(theme => ({
- root: {
- background: 'linear-gradient(180deg, #2A185A 0%, #000000 100%)',
- padding: theme.spacing(10),
- paddingLeft: 70,
- paddingRight: 70,
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- },
- color: '#000000'
- },
- centerPadding: {
- padding: 30,
- [theme.breakpoints.down('md')]: {
- padding: 15
- }
- }
-}));
-
-function CLBenefits({ benefits, className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
- Benefits of being a Campus Leader
-
-
- {benefits.map((benefit, i) => (
-
-
-
- ))}
-
-
-
- );
-}
-
-CLBenefits.propTypes = {
- className: PropTypes.string
-};
-
-export default CLBenefits;
diff --git a/src/views/Courses/MachineLearningView/CLViewData.js b/src/views/Courses/MachineLearningView/CLViewData.js
deleted file mode 100644
index 9bbedfdf..00000000
--- a/src/views/Courses/MachineLearningView/CLViewData.js
+++ /dev/null
@@ -1,43 +0,0 @@
-export const benefits = [
- {
- id: '1',
- img: '/static/images/cl/benefits/b1.png',
- detail: 'Code for Cause VIP Swags. Oportunities to get special editions.'
- },
- {
- id: '2',
- img: '/static/images/cl/benefits/b2.png',
- detail:
- 'Free study materials - courses, guidance from our mentors and much more.'
- },
- {
- id: '3',
- img: '/static/images/cl/benefits/b3.png',
- detail: 'Recommendations and opportunity to intern and work with us.'
- },
- {
- id: '4',
- img: '/static/images/cl/benefits/b4.png',
- detail: 'Connect with our mentors and Industry experts linked with us.'
- }
-];
-
-export const values = [
- {
- id: '1',
- detail: 'He/she shall be entusiastic about going social and build & contribute for the community'
- },
- {
- id: '2',
- detail:
- 'A Leader shall always have a way of talking people out from problems and leading them to do that for others too'
- },
- {
- id: '3',
- detail: 'He/she should be connecting to the resources available in community that might help in building a better & more helpful community'
- },
- {
- id: '4',
- detail: 'Connect with our mentors and Industry experts linked with us.'
- }
-];
diff --git a/src/views/Courses/MachineLearningView/CTA.js b/src/views/Courses/MachineLearningView/CTA.js
deleted file mode 100755
index 3da9c578..00000000
--- a/src/views/Courses/MachineLearningView/CTA.js
+++ /dev/null
@@ -1,291 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-
-import {
- Box,
- Grid,
- Container,
- Typography,
- makeStyles,
- Button,
- Hidden
-} from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {
- backgroundColor: theme.palette.background.LIGHT,
- paddingLeft: 70,
- paddingRight: 70,
- //write css for small screen
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- }
- },
- cardGrid: {
- paddingTop: theme.spacing(4),
- paddingBottom: theme.spacing(8)
- },
- extraMargin: {
- marginTop: theme.spacing(6)
- },
- extraMarginTop: {
- marginTop: theme.spacing(2)
- },
- extraPadding: {
- padding: '32px !important'
- },
- flex: {
- paddingTop: theme.spacing(4),
- paddingBottom: theme.spacing(4)
- },
- Button: {
- textTransform: 'capitalize',
- fontSize: '16px',
- padding: '8px 32px',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- }
- },
- primeBtn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- '&:hover': {
- backgroundColor: '#A60000',
- opacity: '0.8'
- }
- },
- secondaryBtn: {
- borderColor: '#A60000',
- color: '#A60000'
- }
-}));
-
-function CTA({ className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
-
-
-
-
- Collaborate With Us
-
-
-
-
-
- Collaborate With Us
-
-
-
-
-
-
-
-
-
- Publish Your Article With Us
-
-
-
-
-
- Publish Your Article With Us
-
-
-
-
-
- Aware people about new tech and thoughts
-
-
-
-
-
- Aware people about new tech and thoughts
-
-
-
-
-
-
-
- Submit Request
-
-
-
-
-
-
-
-
-
-
-
- Organize a Workshop for your Community
-
-
-
-
-
- Organize a Workshop for your Community
-
-
-
-
-
- Teach yourself and your people best practices in the world.
-
-
-
-
-
- Teach yourself and your people best practices in the
- world
-
-
-
-
-
-
-
- Submit Request
-
-
-
-
-
-
-
-
-
-
-
- Volunteer to work on our platform
-
-
-
-
-
- Volunteer to work on our platform
-
-
-
-
-
- Gather work experience in the real world by working with Us.
-
-
-
-
-
- Gather work experience in the real world by working
- with Us
-
-
-
-
-
-
-
- Apply Now
-
-
-
-
-
-
-
-
-
- );
-}
-
-CTA.propTypes = {
- className: PropTypes.string
-};
-
-export default CTA;
diff --git a/src/views/Courses/MachineLearningView/Hero.js b/src/views/Courses/MachineLearningView/Hero.js
deleted file mode 100755
index f08caa1e..00000000
--- a/src/views/Courses/MachineLearningView/Hero.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-
-import {
- Box,
- Container,
- Typography,
- makeStyles
-} from '@material-ui/core';
-import ApplyNowModal from './ApplyNowModal';
-
-
-const useStyles = makeStyles(theme => ({
- root: {
- minHeight: '350px',
- color: '#FFF',
- padding: '100px 70px',
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- }
- },
- main: {
- display: 'flex',
- flexDirection: 'column',
- alignItems: 'center',
- justifyContent: 'center',
- padding: '0px',
- color: '#FFF'
- },
- btn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- textTransform: 'capitalize',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- },
- '&:hover': {
- backgroundColor: 'rgba(166, 0, 0, 0.8)'
- }
- }
-}));
-
-function Hero({ className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
-
Campus Leaders
-
-
- Stand Up and fight for the Cause with the Code For Cause
-
-
-
-
-
-
-
-
- );
-}
-
-Hero.propTypes = {
- className: PropTypes.string
-};
-
-export default Hero;
diff --git a/src/views/Courses/MachineLearningView/Process.js b/src/views/Courses/MachineLearningView/Process.js
deleted file mode 100644
index 0a9e6ccf..00000000
--- a/src/views/Courses/MachineLearningView/Process.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { Container, Grid, Typography, makeStyles } from '@material-ui/core';
-import ProcessSteppers from './ProcessSteppers';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(10),
- paddingLeft: 70,
- paddingRight: 70,
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- },
- color: '#000000'
- },
- centerPadding: {
- padding: 30,
- [theme.breakpoints.down('md')]: {
- padding: 15
- }
- }
-}));
-
-function Process({ benefits, className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
- How to become Campus Leader
-
-
-
-
-
-
- );
-}
-
-Process.propTypes = {
- className: PropTypes.string
-};
-
-export default Process;
diff --git a/src/views/Courses/MachineLearningView/ProcessSteppers.js b/src/views/Courses/MachineLearningView/ProcessSteppers.js
deleted file mode 100644
index 3b6ad910..00000000
--- a/src/views/Courses/MachineLearningView/ProcessSteppers.js
+++ /dev/null
@@ -1,197 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles, withStyles } from '@material-ui/core/styles';
-import clsx from 'clsx';
-import Stepper from '@material-ui/core/Stepper';
-import Step from '@material-ui/core/Step';
-import StepLabel from '@material-ui/core/StepLabel';
-import Check from '@material-ui/icons/Check';
-import ListAltIcon from '@material-ui/icons/ListAlt';
-import PeopleIcon from '@material-ui/icons/People';
-import VideocamIcon from '@material-ui/icons/Videocam';
-import AssignmentTurnedInIcon from '@material-ui/icons/AssignmentTurnedIn';
-import StepConnector from '@material-ui/core/StepConnector';
-
-const useQontoStepIconStyles = makeStyles({
- root: {
- color: '#eaeaf0',
- display: 'flex',
- height: 22,
- alignItems: 'center'
- },
- active: {
- color: '#784af4'
- },
- circle: {
- width: 8,
- height: 8,
- borderRadius: '50%',
- backgroundColor: 'currentColor'
- },
- completed: {
- color: '#784af4',
- zIndex: 1,
- fontSize: 18
- }
-});
-
-function QontoStepIcon(props) {
- const classes = useQontoStepIconStyles();
- const { active, completed } = props;
-
- return (
-
- {completed ? (
-
- ) : (
-
- )}
-
- );
-}
-
-QontoStepIcon.propTypes = {
- /**
- * Whether this step is active.
- */
- active: PropTypes.bool,
- /**
- * Mark the step as completed. Is passed to child components.
- */
- completed: PropTypes.bool
-};
-
-const ColorlibConnector = withStyles({
- alternativeLabel: {
- top: 22
- },
- active: {
- '& $line': {
- backgroundImage:
- 'linear-gradient( 95deg,rgb(242,113,33) 0%,rgb(233,64,87) 50%,rgb(138,35,135) 100%)'
- }
- },
- completed: {
- '& $line': {
- backgroundImage:
- 'linear-gradient( 95deg,rgb(242,113,33) 0%,rgb(233,64,87) 50%,rgb(138,35,135) 100%)'
- }
- },
- line: {
- height: 3,
- border: 0,
- backgroundColor: '#eaeaf0',
- borderRadius: 1
- }
-})(StepConnector);
-
-const useColorlibStepIconStyles = makeStyles({
- root: {
- backgroundColor: '#ccc',
- zIndex: 1,
- color: '#fff',
- width: 50,
- height: 50,
- display: 'flex',
- borderRadius: '50%',
- justifyContent: 'center',
- alignItems: 'center'
- },
- active: {
- backgroundImage:
- 'linear-gradient( 136deg, rgb(242,113,33) 0%, rgb(233,64,87) 50%, rgb(138,35,135) 100%)',
- boxShadow: '0 4px 10px 0 rgba(0,0,0,.25)'
- },
- completed: {
- backgroundImage:
- 'linear-gradient( 136deg, rgb(242,113,33) 0%, rgb(233,64,87) 50%, rgb(138,35,135) 100%)'
- }
-});
-
-function ColorlibStepIcon(props) {
- const classes = useColorlibStepIconStyles();
- const { active, completed } = props;
-
- const icons = {
- 1: ,
-
- // 1: ,
- 2: ,
- 3: ,
- 4:
- };
-
- return (
-
- {icons[String(props.icon)]}
-
- );
-}
-
-ColorlibStepIcon.propTypes = {
- /**
- * Whether this step is active.
- */
- active: PropTypes.bool,
- /**
- * Mark the step as completed. Is passed to child components.
- */
- completed: PropTypes.bool,
- /**
- * The label displayed in the step icon.
- */
- icon: PropTypes.node
-};
-
-const useStyles = makeStyles(theme => ({
- root: {
- width: '100%'
- },
- button: {
- marginRight: theme.spacing(1)
- },
- instructions: {
- marginTop: theme.spacing(1),
- marginBottom: theme.spacing(1)
- }
-}));
-
-function getSteps() {
- return [
- 'You Fill The Form',
- 'You Get Shortlisted',
- 'Online Meeting',
- 'Welcome to The Team'
- ];
-}
-
-export default function ProcessSteppers() {
- const classes = useStyles();
- const activeStep = 3;
- const steps = getSteps();
-
- return (
-
- }
- >
- {steps.map(label => (
-
- {label}
-
- ))}
-
-
- );
-}
diff --git a/src/views/Courses/MachineLearningView/StandFor.js b/src/views/Courses/MachineLearningView/StandFor.js
deleted file mode 100644
index dca25728..00000000
--- a/src/views/Courses/MachineLearningView/StandFor.js
+++ /dev/null
@@ -1,145 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-
-import {
- Box,
- Container,
- Grid,
- Hidden,
- Typography,
- makeStyles
-} from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {
- background: '#FFF',
- paddingTop: 80,
- paddingBottom: 80,
- paddingLeft: 70,
- paddingRight: 70,
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15,
- }
- },
- extraPadding: {
- padding: '0 35px',
- textAlign: 'justify',
- [theme.breakpoints.down('sm')]: {
- padding: '0'
- }
- },
-
- hide: {
- display: 'none'
- },
- btn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- textTransform: 'capitalize',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- },
- '&:hover': {
- backgroundColor: 'rgba(166, 0, 0, 0.8)'
- }
- },
- listPointers: {
- fontSize: '45px',
- marginRight: '5px'
- },
- extraMargin: {
- marginTop: '50px',
- [theme.breakpoints.down('md')]: {
- marginTop: '30px',
- }
- }
-}));
-
-function StandsFor({ className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
- What Does the Campus Leader Stands For
-
-
-
-
-
-
-
-
-
-
-
-
- Campus Leaders at Code For Cause are the entreprenurial
- mindset people who want create value in the community by
- awaring people, and gathering the like minded to work for
- cause. And above all set example and influence on people for
- contributing. So, some values and the expectations we have
- from our campus leaders are
-
-
-
-
- He/she shall be entusiastic about going social and build &
- contribute for the community- An Initiative taker
-
-
-
-
- A Leader shall always have a way of talking people out from
- problems and leading them to do that for others too{' '}
- - A Community Builder
-
-
-
-
- He/she should be connecting to the resources available in
- community that might help in building a better & more
- helpful community - A Resource Seeker
-
-
-
-
- Most sought after value - an effort maker and giving
- peronality - An Investor
-
-
-
-
-
-
-
- );
-}
-
-StandsFor.propTypes = {
- className: PropTypes.string
-};
-
-export default StandsFor;
diff --git a/src/views/Courses/MachineLearningView/index.js b/src/views/Courses/MachineLearningView/index.js
deleted file mode 100755
index 04939c7d..00000000
--- a/src/views/Courses/MachineLearningView/index.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/core';
-import Page from 'src/components/Page';
-import Hero from './Hero';
-import Footer from '../../pages/common/Footer';
-
-const useStyles = makeStyles(() => ({
- root: {}
-}));
-
-function CoursesView() {
- const classes = useStyles();
-
- return (
-
-
-
-
- );
-}
-
-export default CoursesView;
diff --git a/src/views/pages/Courses/AlgoJavaView/index.js b/src/views/pages/Courses/AlgoJavaView/index.js
new file mode 100755
index 00000000..bc7b0c47
--- /dev/null
+++ b/src/views/pages/Courses/AlgoJavaView/index.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core';
+import Page from 'src/components/Page';
+import Footer from '../../common/Footer';
+import Recommendations from '../../common/Recommendations'
+import CTA from '../CTA'
+import FinalAction from '../FinalAction'
+import Schedule from '../Schedule'
+import coursesContent from 'src/data/courses';
+import Major from '../Major';
+
+const foundation = coursesContent.foundation;
+const course = foundation.algoJava;
+
+const useStyles = makeStyles(() => ({
+ root: {}
+}));
+
+function CoursesView() {
+ const classes = useStyles();
+
+ return (
+
+
+ {/* */}
+
+
+
+
+
+
+ );
+}
+
+export default CoursesView;
diff --git a/src/views/pages/Courses/AlgoPythonView/index.js b/src/views/pages/Courses/AlgoPythonView/index.js
new file mode 100755
index 00000000..9ee2e641
--- /dev/null
+++ b/src/views/pages/Courses/AlgoPythonView/index.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core';
+import Page from 'src/components/Page';
+import Footer from '../../common/Footer';
+import Recommendations from '../../common/Recommendations'
+import CTA from '../CTA'
+import FinalAction from '../FinalAction'
+import Schedule from '../Schedule'
+import coursesContent from 'src/data/courses';
+import Major from '../Major';
+
+const foundation = coursesContent.foundation;
+const course = foundation.algoPython;
+
+const useStyles = makeStyles(() => ({
+ root: {}
+}));
+
+function CoursesView() {
+ const classes = useStyles();
+
+ return (
+
+
+ {/* */}
+
+
+
+
+
+
+ );
+}
+
+export default CoursesView;
diff --git a/src/views/pages/Courses/CTA.js b/src/views/pages/Courses/CTA.js
new file mode 100755
index 00000000..151f1f11
--- /dev/null
+++ b/src/views/pages/Courses/CTA.js
@@ -0,0 +1,307 @@
+import React from 'react';
+
+import { makeStyles } from '@material-ui/core/styles';
+import {
+ Grid,
+ Typography,
+ Box,
+ Card,
+ CardContent,
+ TextField,
+ Button
+} from '@material-ui/core';
+
+const useStyles = makeStyles(theme => ({
+ icon: {
+ marginRight: theme.spacing(2)
+ },
+ heroContent: {
+ padding: theme.spacing(10, 10, 10),
+ backgroundImage: `url("/static/images/backs/cta.png")`,
+ backgroundSize: 'cover',
+ [theme.breakpoints.down('md')]: {
+ padding: theme.spacing(10, 3, 10)
+ }
+ },
+ heroButtons: {
+ marginTop: theme.spacing(4)
+ },
+ cardGrid: {
+ paddingTop: theme.spacing(8),
+ paddingBottom: theme.spacing(8)
+ },
+ card: {
+ display: 'flex',
+ flexDirection: 'column',
+ borderRadius: '5px'
+ },
+ cardMedia: {
+ width: '100%',
+ height: 'auto'
+ },
+ cardContent: {
+ flexGrow: 1
+ },
+ chipActions: {
+ display: 'block'
+ },
+ chip: {
+ margin: '8px 0 3px 8px'
+ },
+ extraMargin: {
+ marginTop: '15px',
+ marginBottom: '0'
+ },
+ input: {
+ backgroundColor: 'rgba(255,255,255,0.5)',
+ borderRadius: '4px',
+ height: '30px',
+ width: '250px',
+ padding: '0px 10px',
+ marginRight: theme.spacing(1)
+ },
+ root: {
+ backgroundColor: theme.palette.primary.main,
+ paddingTop: theme.spacing(3),
+ paddingBottom: theme.spacing(3),
+ '& dt': {
+ marginTop: theme.spacing(2)
+ },
+ color: '#FFF'
+ },
+ paddingCls: {
+ paddingLeft: '10px',
+ paddingRight: '10px'
+ },
+ paddingClsxs: {
+ padding: 0
+ },
+ iconSize: {
+ fontSize: '32px'
+ },
+ text: {
+ color: '#FFFFFF'
+ },
+ background: {
+ width: '100%',
+ backgroundPosition: 'bottom center',
+ backgroundSize: 'cover'
+ },
+ btn: {
+ width: '100px',
+ textTransform: 'none',
+ marginTop: '8px'
+ },
+ textField: {
+ marginBottom: '16px',
+ '& label.Mui-focused': {
+ color: '#1D006E'
+ },
+ '& .MuiOutlinedInput-root': {
+ '& fieldset': {
+ borderColor: '#717171'
+ },
+ '&:hover fieldset': {
+ borderColor: '#000000'
+ },
+ '&.Mui-focused fieldset': {
+ borderColor: '#1D006E'
+ }
+ }
+ }
+}));
+export default function CTA() {
+ const classes = useStyles();
+
+ return (
+
+
+
+
+ Can’t Choose What’s Best For Junior?
+
+
+
+
+
+
+
+
+
+ Request a Consultation
+
+
+
+
+ Setup a Consultation call with our counsellor and figure out
+ what’s best for your champion.
+
+
+
+
+
+
+
+
+
+
+
+
+ Where To Start?
+
+
+
+
+ Let your junior take a basic test with interest, preference,
+ logic and reasoning based questions and Get Course
+ Recommendation.
+
+
+
+
+
+ Take a Test
+
+
+
+
+
+
+
+ Wanna Try A Free Class ?
+
+
+
+
+ Get an overview of Coding Juniors with the orientation and a 3
+ days class trial. Let your junior decide the rythm.
+
+
+
+
+ Try Now !
+
+
+
+
+
+
+ );
+}
diff --git a/src/views/pages/Courses/CompetitiveJavaView/index.js b/src/views/pages/Courses/CompetitiveJavaView/index.js
new file mode 100755
index 00000000..4a098d55
--- /dev/null
+++ b/src/views/pages/Courses/CompetitiveJavaView/index.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core';
+import Page from 'src/components/Page';
+import Footer from '../../common/Footer';
+import Recommendations from '../../common/Recommendations'
+import CTA from '../CTA'
+import FinalAction from '../FinalAction'
+import Schedule from '../Schedule'
+import coursesContent from 'src/data/courses';
+import Major from '../Major';
+
+const advanced = coursesContent.advanced;
+const course = advanced.competitiveJava;
+
+const useStyles = makeStyles(() => ({
+ root: {}
+}));
+
+function CoursesView() {
+ const classes = useStyles();
+
+ return (
+
+
+ {/* */}
+
+
+
+
+
+
+ );
+}
+
+export default CoursesView;
diff --git a/src/views/pages/Courses/FinalAction.js b/src/views/pages/Courses/FinalAction.js
new file mode 100644
index 00000000..9f9ffa88
--- /dev/null
+++ b/src/views/pages/Courses/FinalAction.js
@@ -0,0 +1,111 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import { Grid } from '@material-ui/core';
+import DetailsBottom from './partials/DetailsBottom'
+
+
+const useStyles = makeStyles(theme => ({
+ icon: {
+ marginRight: theme.spacing(2)
+ },
+ root: {
+ padding: theme.spacing(10, 10, 10),
+ background: '#F5F6FF',
+ display: 'flex',
+ justifyContent: 'center',
+ alignItems: 'center',
+ [theme.breakpoints.down('md')]: {
+ padding: theme.spacing(10, 3, 10)
+ }
+ },
+ cardGrid: {
+ paddingTop: theme.spacing(8),
+ paddingBottom: theme.spacing(8)
+ },
+ card: {
+ height: '100%',
+ display: 'flex',
+ flexDirection: 'column',
+ borderRadius: '10px',
+ margin: '12px'
+ },
+ cardMedia: {
+ width: '100%',
+ height: 'auto'
+ // paddingTop: "56.25%", // 16:9
+ },
+ cardContent: {},
+ chip: {
+ colorPrimary: '#B20000'
+ },
+ extraMargin: {
+ marginTop: '15px',
+ marginBottom: '0'
+ },
+ btn: {
+ textTransform: 'none'
+ },
+ paddingCls: {
+ paddingLeft: '10px',
+ paddingRight: '10px'
+ },
+ paddingClsxs: {
+ padding: 0
+ },
+ iconSize: {
+ fontSize: '32px'
+ },
+ text: {
+ color: '#FFFFFF'
+ },
+ avatarLarge: {
+ width: theme.spacing(16),
+ height: theme.spacing(16),
+ margin: theme.spacing(4, 0, 2)
+ },
+
+ avatarGrid: {
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ justifyContent: 'center',
+ padding: '5px'
+ },
+
+ slide: {
+ perspective: 0, // create perspective
+ overflow: 'hidden',
+ // relative is a must if you want to create overlapping layers in children
+ position: 'relative'
+ },
+ background: {
+ width: '100%',
+ height: 'auto',
+ backgroundPosition: 'bottom center',
+ backgroundSize: 'cover'
+ }
+}));
+
+export default function FinalAction({course}) {
+ const classes = useStyles();
+
+
+ return (
+
+
+
+
+
+ );
+}
+
diff --git a/src/views/pages/Courses/MachineLearningView/Apply.js b/src/views/pages/Courses/MachineLearningView/Apply.js
deleted file mode 100755
index c8e98095..00000000
--- a/src/views/pages/Courses/MachineLearningView/Apply.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-
-import {
- Box,
- Grid,
- Typography,
- makeStyles,
- Hidden
-} from '@material-ui/core';
-import ApplyNowModal from './ApplyNowModal';
-
-
-const useStyles = makeStyles(theme => ({
- root: {
- minHeight: '350px',
- color: '#FFF',
- padding: '100px 70px',
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- }
- },
- main: {
- display: 'flex',
- flexDirection: 'column',
- alignItems: 'center',
- justifyContent: 'center',
- padding: '0px',
- color: '#FFF'
- },
- btn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- textTransform: 'capitalize',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- },
- '&:hover': {
- backgroundColor: 'rgba(166, 0, 0, 0.8)'
- }
- },
- applyleft: {
- display: 'flex',
- alignItems: 'center',
- justifyContent: 'center'
- }
-}));
-
-function Apply({ className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
-
-
- Lead a community at your campus
-
-
- powered by Code for Cause
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
-
-Apply.propTypes = {
- className: PropTypes.string
-};
-
-export default Apply;
diff --git a/src/views/pages/Courses/MachineLearningView/ApplyNowModal.js b/src/views/pages/Courses/MachineLearningView/ApplyNowModal.js
deleted file mode 100644
index 07e56f40..00000000
--- a/src/views/pages/Courses/MachineLearningView/ApplyNowModal.js
+++ /dev/null
@@ -1,192 +0,0 @@
-import React, { useState } from 'react';
-import {
- TextField,
- Dialog,
- DialogActions,
- DialogContent,
- DialogContentText,
- DialogTitle,
- Button,
- Typography
-} from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
-import CircularProgress from '@material-ui/core/CircularProgress';
-
-import axios from 'axios';
-
-const useStyles = makeStyles(theme => ({
- btn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- textTransform: 'capitalize',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- },
- '&:hover': {
- backgroundColor: 'rgba(166, 0, 0, 0.8)'
- }
- },
- textField: {
- marginBottom: '16px'
- },
- submissions: {
- width: "80px",
- height: "50px"
- }
-}));
-
-export default function ApplyNowModal() {
- const classes = useStyles();
- const [open, setOpen] = useState(false);
- const [formData, updateFormData] = useState({});
- const [submitting, setSubmitting] = useState(0);
-
- const handleClickOpen = () => {
- setOpen(true);
- };
-
- const handleClose = () => {
- setOpen(false);
- };
-
- const handleChange = event => {
- updateFormData({
- ...formData,
- [event.target.name]: event.target.value
- });
- };
-
-
- const handleSubmit = e => {
- setSubmitting(1);
- e.preventDefault();
- axios({
- method: 'post',
- url:
- 'https://us-central1-codeforcauseorg.cloudfunctions.net/widgets/leads',
- data: formData
- })
- .then(response => {
- setSubmitting(0);
- handleClose();
- })
- .catch(error => {});
- };
-
- return (
-
-
- Apply now
-
-
-
- Apply for Campus Leaders Program
-
-
-
- Please provide your details below.
-
-
-
-
-
- Cancel
-
- {submitting === 0 ? (
-
- Apply
-
- ) : (
-
- )}
-
-
-
- );
-}
diff --git a/src/views/pages/Courses/MachineLearningView/CLBenefits/BenefitCard.js b/src/views/pages/Courses/MachineLearningView/CLBenefits/BenefitCard.js
deleted file mode 100755
index d312430a..00000000
--- a/src/views/pages/Courses/MachineLearningView/CLBenefits/BenefitCard.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { Box, Card, Typography, makeStyles } from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {
- backgroundColor: '#5D517E',
- display: 'flex',
- alignItems: 'center',
- justifyContent: 'center',
- height: 230,
- width: 'auto',
- color: '#1D006E'
- }
-}));
-
-function BenefitCard({ benefit, className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
-
-
-
- {benefit.detail}
-
-
-
- );
-}
-
-BenefitCard.propTypes = {
- className: PropTypes.string
-};
-
-export default BenefitCard;
diff --git a/src/views/pages/Courses/MachineLearningView/CLBenefits/index.js b/src/views/pages/Courses/MachineLearningView/CLBenefits/index.js
deleted file mode 100644
index 05cf6a75..00000000
--- a/src/views/pages/Courses/MachineLearningView/CLBenefits/index.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { Container, Grid, Typography, makeStyles } from '@material-ui/core';
-import BenefitCard from './BenefitCard';
-
-const useStyles = makeStyles(theme => ({
- root: {
- background: 'linear-gradient(180deg, #2A185A 0%, #000000 100%)',
- padding: theme.spacing(10),
- paddingLeft: 70,
- paddingRight: 70,
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- },
- color: '#000000'
- },
- centerPadding: {
- padding: 30,
- [theme.breakpoints.down('md')]: {
- padding: 15
- }
- }
-}));
-
-function CLBenefits({ benefits, className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
- Benefits of being a Campus Leader
-
-
- {benefits.map((benefit, i) => (
-
-
-
- ))}
-
-
-
- );
-}
-
-CLBenefits.propTypes = {
- className: PropTypes.string
-};
-
-export default CLBenefits;
diff --git a/src/views/pages/Courses/MachineLearningView/CLViewData.js b/src/views/pages/Courses/MachineLearningView/CLViewData.js
deleted file mode 100644
index 9bbedfdf..00000000
--- a/src/views/pages/Courses/MachineLearningView/CLViewData.js
+++ /dev/null
@@ -1,43 +0,0 @@
-export const benefits = [
- {
- id: '1',
- img: '/static/images/cl/benefits/b1.png',
- detail: 'Code for Cause VIP Swags. Oportunities to get special editions.'
- },
- {
- id: '2',
- img: '/static/images/cl/benefits/b2.png',
- detail:
- 'Free study materials - courses, guidance from our mentors and much more.'
- },
- {
- id: '3',
- img: '/static/images/cl/benefits/b3.png',
- detail: 'Recommendations and opportunity to intern and work with us.'
- },
- {
- id: '4',
- img: '/static/images/cl/benefits/b4.png',
- detail: 'Connect with our mentors and Industry experts linked with us.'
- }
-];
-
-export const values = [
- {
- id: '1',
- detail: 'He/she shall be entusiastic about going social and build & contribute for the community'
- },
- {
- id: '2',
- detail:
- 'A Leader shall always have a way of talking people out from problems and leading them to do that for others too'
- },
- {
- id: '3',
- detail: 'He/she should be connecting to the resources available in community that might help in building a better & more helpful community'
- },
- {
- id: '4',
- detail: 'Connect with our mentors and Industry experts linked with us.'
- }
-];
diff --git a/src/views/pages/Courses/MachineLearningView/CTA.js b/src/views/pages/Courses/MachineLearningView/CTA.js
deleted file mode 100755
index 3da9c578..00000000
--- a/src/views/pages/Courses/MachineLearningView/CTA.js
+++ /dev/null
@@ -1,291 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-
-import {
- Box,
- Grid,
- Container,
- Typography,
- makeStyles,
- Button,
- Hidden
-} from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {
- backgroundColor: theme.palette.background.LIGHT,
- paddingLeft: 70,
- paddingRight: 70,
- //write css for small screen
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- }
- },
- cardGrid: {
- paddingTop: theme.spacing(4),
- paddingBottom: theme.spacing(8)
- },
- extraMargin: {
- marginTop: theme.spacing(6)
- },
- extraMarginTop: {
- marginTop: theme.spacing(2)
- },
- extraPadding: {
- padding: '32px !important'
- },
- flex: {
- paddingTop: theme.spacing(4),
- paddingBottom: theme.spacing(4)
- },
- Button: {
- textTransform: 'capitalize',
- fontSize: '16px',
- padding: '8px 32px',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- }
- },
- primeBtn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- '&:hover': {
- backgroundColor: '#A60000',
- opacity: '0.8'
- }
- },
- secondaryBtn: {
- borderColor: '#A60000',
- color: '#A60000'
- }
-}));
-
-function CTA({ className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
-
-
-
-
- Collaborate With Us
-
-
-
-
-
- Collaborate With Us
-
-
-
-
-
-
-
-
-
- Publish Your Article With Us
-
-
-
-
-
- Publish Your Article With Us
-
-
-
-
-
- Aware people about new tech and thoughts
-
-
-
-
-
- Aware people about new tech and thoughts
-
-
-
-
-
-
-
- Submit Request
-
-
-
-
-
-
-
-
-
-
-
- Organize a Workshop for your Community
-
-
-
-
-
- Organize a Workshop for your Community
-
-
-
-
-
- Teach yourself and your people best practices in the world.
-
-
-
-
-
- Teach yourself and your people best practices in the
- world
-
-
-
-
-
-
-
- Submit Request
-
-
-
-
-
-
-
-
-
-
-
- Volunteer to work on our platform
-
-
-
-
-
- Volunteer to work on our platform
-
-
-
-
-
- Gather work experience in the real world by working with Us.
-
-
-
-
-
- Gather work experience in the real world by working
- with Us
-
-
-
-
-
-
-
- Apply Now
-
-
-
-
-
-
-
-
-
- );
-}
-
-CTA.propTypes = {
- className: PropTypes.string
-};
-
-export default CTA;
diff --git a/src/views/pages/Courses/MachineLearningView/Hero.js b/src/views/pages/Courses/MachineLearningView/Hero.js
deleted file mode 100755
index f08caa1e..00000000
--- a/src/views/pages/Courses/MachineLearningView/Hero.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-
-import {
- Box,
- Container,
- Typography,
- makeStyles
-} from '@material-ui/core';
-import ApplyNowModal from './ApplyNowModal';
-
-
-const useStyles = makeStyles(theme => ({
- root: {
- minHeight: '350px',
- color: '#FFF',
- padding: '100px 70px',
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- }
- },
- main: {
- display: 'flex',
- flexDirection: 'column',
- alignItems: 'center',
- justifyContent: 'center',
- padding: '0px',
- color: '#FFF'
- },
- btn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- textTransform: 'capitalize',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- },
- '&:hover': {
- backgroundColor: 'rgba(166, 0, 0, 0.8)'
- }
- }
-}));
-
-function Hero({ className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
-
Campus Leaders
-
-
- Stand Up and fight for the Cause with the Code For Cause
-
-
-
-
-
-
-
-
- );
-}
-
-Hero.propTypes = {
- className: PropTypes.string
-};
-
-export default Hero;
diff --git a/src/views/pages/Courses/MachineLearningView/Process.js b/src/views/pages/Courses/MachineLearningView/Process.js
deleted file mode 100644
index 0a9e6ccf..00000000
--- a/src/views/pages/Courses/MachineLearningView/Process.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { Container, Grid, Typography, makeStyles } from '@material-ui/core';
-import ProcessSteppers from './ProcessSteppers';
-
-const useStyles = makeStyles(theme => ({
- root: {
- padding: theme.spacing(10),
- paddingLeft: 70,
- paddingRight: 70,
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15
- },
- color: '#000000'
- },
- centerPadding: {
- padding: 30,
- [theme.breakpoints.down('md')]: {
- padding: 15
- }
- }
-}));
-
-function Process({ benefits, className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
- How to become Campus Leader
-
-
-
-
-
-
- );
-}
-
-Process.propTypes = {
- className: PropTypes.string
-};
-
-export default Process;
diff --git a/src/views/pages/Courses/MachineLearningView/ProcessSteppers.js b/src/views/pages/Courses/MachineLearningView/ProcessSteppers.js
deleted file mode 100644
index 3b6ad910..00000000
--- a/src/views/pages/Courses/MachineLearningView/ProcessSteppers.js
+++ /dev/null
@@ -1,197 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles, withStyles } from '@material-ui/core/styles';
-import clsx from 'clsx';
-import Stepper from '@material-ui/core/Stepper';
-import Step from '@material-ui/core/Step';
-import StepLabel from '@material-ui/core/StepLabel';
-import Check from '@material-ui/icons/Check';
-import ListAltIcon from '@material-ui/icons/ListAlt';
-import PeopleIcon from '@material-ui/icons/People';
-import VideocamIcon from '@material-ui/icons/Videocam';
-import AssignmentTurnedInIcon from '@material-ui/icons/AssignmentTurnedIn';
-import StepConnector from '@material-ui/core/StepConnector';
-
-const useQontoStepIconStyles = makeStyles({
- root: {
- color: '#eaeaf0',
- display: 'flex',
- height: 22,
- alignItems: 'center'
- },
- active: {
- color: '#784af4'
- },
- circle: {
- width: 8,
- height: 8,
- borderRadius: '50%',
- backgroundColor: 'currentColor'
- },
- completed: {
- color: '#784af4',
- zIndex: 1,
- fontSize: 18
- }
-});
-
-function QontoStepIcon(props) {
- const classes = useQontoStepIconStyles();
- const { active, completed } = props;
-
- return (
-
- {completed ? (
-
- ) : (
-
- )}
-
- );
-}
-
-QontoStepIcon.propTypes = {
- /**
- * Whether this step is active.
- */
- active: PropTypes.bool,
- /**
- * Mark the step as completed. Is passed to child components.
- */
- completed: PropTypes.bool
-};
-
-const ColorlibConnector = withStyles({
- alternativeLabel: {
- top: 22
- },
- active: {
- '& $line': {
- backgroundImage:
- 'linear-gradient( 95deg,rgb(242,113,33) 0%,rgb(233,64,87) 50%,rgb(138,35,135) 100%)'
- }
- },
- completed: {
- '& $line': {
- backgroundImage:
- 'linear-gradient( 95deg,rgb(242,113,33) 0%,rgb(233,64,87) 50%,rgb(138,35,135) 100%)'
- }
- },
- line: {
- height: 3,
- border: 0,
- backgroundColor: '#eaeaf0',
- borderRadius: 1
- }
-})(StepConnector);
-
-const useColorlibStepIconStyles = makeStyles({
- root: {
- backgroundColor: '#ccc',
- zIndex: 1,
- color: '#fff',
- width: 50,
- height: 50,
- display: 'flex',
- borderRadius: '50%',
- justifyContent: 'center',
- alignItems: 'center'
- },
- active: {
- backgroundImage:
- 'linear-gradient( 136deg, rgb(242,113,33) 0%, rgb(233,64,87) 50%, rgb(138,35,135) 100%)',
- boxShadow: '0 4px 10px 0 rgba(0,0,0,.25)'
- },
- completed: {
- backgroundImage:
- 'linear-gradient( 136deg, rgb(242,113,33) 0%, rgb(233,64,87) 50%, rgb(138,35,135) 100%)'
- }
-});
-
-function ColorlibStepIcon(props) {
- const classes = useColorlibStepIconStyles();
- const { active, completed } = props;
-
- const icons = {
- 1: ,
-
- // 1: ,
- 2: ,
- 3: ,
- 4:
- };
-
- return (
-
- {icons[String(props.icon)]}
-
- );
-}
-
-ColorlibStepIcon.propTypes = {
- /**
- * Whether this step is active.
- */
- active: PropTypes.bool,
- /**
- * Mark the step as completed. Is passed to child components.
- */
- completed: PropTypes.bool,
- /**
- * The label displayed in the step icon.
- */
- icon: PropTypes.node
-};
-
-const useStyles = makeStyles(theme => ({
- root: {
- width: '100%'
- },
- button: {
- marginRight: theme.spacing(1)
- },
- instructions: {
- marginTop: theme.spacing(1),
- marginBottom: theme.spacing(1)
- }
-}));
-
-function getSteps() {
- return [
- 'You Fill The Form',
- 'You Get Shortlisted',
- 'Online Meeting',
- 'Welcome to The Team'
- ];
-}
-
-export default function ProcessSteppers() {
- const classes = useStyles();
- const activeStep = 3;
- const steps = getSteps();
-
- return (
-
- }
- >
- {steps.map(label => (
-
- {label}
-
- ))}
-
-
- );
-}
diff --git a/src/views/pages/Courses/MachineLearningView/StandFor.js b/src/views/pages/Courses/MachineLearningView/StandFor.js
deleted file mode 100644
index dca25728..00000000
--- a/src/views/pages/Courses/MachineLearningView/StandFor.js
+++ /dev/null
@@ -1,145 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-
-import {
- Box,
- Container,
- Grid,
- Hidden,
- Typography,
- makeStyles
-} from '@material-ui/core';
-
-const useStyles = makeStyles(theme => ({
- root: {
- background: '#FFF',
- paddingTop: 80,
- paddingBottom: 80,
- paddingLeft: 70,
- paddingRight: 70,
- [theme.breakpoints.down('md')]: {
- paddingLeft: 15,
- paddingRight: 15,
- }
- },
- extraPadding: {
- padding: '0 35px',
- textAlign: 'justify',
- [theme.breakpoints.down('sm')]: {
- padding: '0'
- }
- },
-
- hide: {
- display: 'none'
- },
- btn: {
- backgroundColor: '#A60000',
- color: '#ffffff',
- textTransform: 'capitalize',
- [theme.breakpoints.down('sm')]: {
- width: '100%'
- },
- '&:hover': {
- backgroundColor: 'rgba(166, 0, 0, 0.8)'
- }
- },
- listPointers: {
- fontSize: '45px',
- marginRight: '5px'
- },
- extraMargin: {
- marginTop: '50px',
- [theme.breakpoints.down('md')]: {
- marginTop: '30px',
- }
- }
-}));
-
-function StandsFor({ className, ...rest }) {
- const classes = useStyles();
-
- return (
-
-
-
- What Does the Campus Leader Stands For
-
-
-
-
-
-
-
-
-
-
-
-
- Campus Leaders at Code For Cause are the entreprenurial
- mindset people who want create value in the community by
- awaring people, and gathering the like minded to work for
- cause. And above all set example and influence on people for
- contributing. So, some values and the expectations we have
- from our campus leaders are
-
-
-
-
- He/she shall be entusiastic about going social and build &
- contribute for the community- An Initiative taker
-
-
-
-
- A Leader shall always have a way of talking people out from
- problems and leading them to do that for others too{' '}
- - A Community Builder
-
-
-
-
- He/she should be connecting to the resources available in
- community that might help in building a better & more
- helpful community - A Resource Seeker
-
-
-
-
- Most sought after value - an effort maker and giving
- peronality - An Investor
-
-
-
-
-
-
-
- );
-}
-
-StandsFor.propTypes = {
- className: PropTypes.string
-};
-
-export default StandsFor;
diff --git a/src/views/pages/Courses/MachineLearningView/index.js b/src/views/pages/Courses/MachineLearningView/index.js
index f9fcc9a4..71680cc7 100755
--- a/src/views/pages/Courses/MachineLearningView/index.js
+++ b/src/views/pages/Courses/MachineLearningView/index.js
@@ -1,8 +1,16 @@
import React from 'react';
import { makeStyles } from '@material-ui/core';
import Page from 'src/components/Page';
-import Hero from './Hero';
import Footer from '../../common/Footer';
+import Recommendations from '../../common/Recommendations'
+import CTA from '../CTA'
+import FinalAction from '../FinalAction'
+import Schedule from '../Schedule'
+import coursesContent from 'src/data/courses';
+import Major from '../Major';
+
+const advanced = coursesContent.advanced;
+const course = advanced.machineLearning;
const useStyles = makeStyles(() => ({
root: {}
@@ -13,7 +21,12 @@ function CoursesView() {
return (
-
+
+ {/* */}
+
+
+
+
);
diff --git a/src/views/pages/Courses/Major.js b/src/views/pages/Courses/Major.js
new file mode 100644
index 00000000..7bafd8cd
--- /dev/null
+++ b/src/views/pages/Courses/Major.js
@@ -0,0 +1,115 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import { Grid, Box, Hidden } from '@material-ui/core';
+import Details from './partials/Details';
+import Overview from './partials/Overview';
+import Topics from './partials/Topics';
+import Projects from './partials/Projects';
+
+const useStyles = makeStyles(theme => ({
+ icon: {
+ marginRight: theme.spacing(2)
+ },
+ root: {
+ padding: theme.spacing(10, 10, 10),
+ display: 'flex',
+ justifyContent: 'center',
+ alignItems: 'center',
+ [theme.breakpoints.down('md')]: {
+ padding: theme.spacing(10, 3, 10)
+ }
+ },
+ cardGrid: {
+ paddingTop: theme.spacing(8),
+ paddingBottom: theme.spacing(8)
+ },
+ card: {
+ height: '100%',
+ display: 'flex',
+ flexDirection: 'column',
+ borderRadius: '10px',
+ margin: '12px'
+ },
+ cardMedia: {
+ width: '100%',
+ height: 'auto'
+ // paddingTop: "56.25%", // 16:9
+ },
+ cardContent: {},
+ chip: {
+ colorPrimary: '#B20000'
+ },
+ extraMargin: {
+ marginTop: '15px',
+ marginBottom: '0'
+ },
+ btn: {
+ textTransform: 'none'
+ },
+ paddingCls: {
+ paddingLeft: '10px',
+ paddingRight: '10px'
+ },
+ paddingClsxs: {
+ padding: 0
+ },
+ iconSize: {
+ fontSize: '32px'
+ },
+ text: {
+ color: '#FFFFFF'
+ },
+ avatarLarge: {
+ width: theme.spacing(16),
+ height: theme.spacing(16),
+ margin: theme.spacing(4, 0, 2)
+ },
+
+ avatarGrid: {
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ justifyContent: 'center',
+ padding: '5px'
+ },
+
+ slide: {
+ perspective: 0, // create perspective
+ overflow: 'hidden',
+ // relative is a must if you want to create overlapping layers in children
+ position: 'relative'
+ },
+ background: {
+ width: '100%',
+ height: 'auto',
+ backgroundPosition: 'bottom center',
+ backgroundSize: 'cover'
+ }
+}));
+
+export default function Major({ course }) {
+ const classes = useStyles();
+
+ return (
+
+
+
+
+
+ {/*
+
+ */}
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/views/pages/Courses/PythonDevelopmentView/index.js b/src/views/pages/Courses/PythonDevelopmentView/index.js
new file mode 100755
index 00000000..412315ae
--- /dev/null
+++ b/src/views/pages/Courses/PythonDevelopmentView/index.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core';
+import Page from 'src/components/Page';
+import Footer from '../../common/Footer';
+import Recommendations from '../../common/Recommendations'
+import CTA from '../CTA'
+import FinalAction from '../FinalAction'
+import Schedule from '../Schedule'
+import coursesContent from 'src/data/courses';
+import Major from '../Major';
+
+const foundation = coursesContent.foundation;
+const course = foundation.devPython;
+
+const useStyles = makeStyles(() => ({
+ root: {}
+}));
+
+function CoursesView() {
+ const classes = useStyles();
+
+ return (
+
+
+ {/* */}
+
+
+
+
+
+
+ );
+}
+
+export default CoursesView;
diff --git a/src/views/pages/Courses/Schedule.js b/src/views/pages/Courses/Schedule.js
new file mode 100755
index 00000000..ea85b383
--- /dev/null
+++ b/src/views/pages/Courses/Schedule.js
@@ -0,0 +1,42 @@
+import React from 'react';
+
+import { makeStyles } from '@material-ui/core/styles';
+import {
+ Grid,
+ Typography,
+ Box
+} from '@material-ui/core';
+
+const useStyles = makeStyles(theme => ({
+ rootContent: {
+ padding: theme.spacing(10, 10, 10),
+ background: '#F1F4FE',
+ backgroundSize: 'cover',
+ [theme.breakpoints.down('md')]: {
+ padding: theme.spacing(10, 3, 10)
+ }
+ }
+}));
+export default function Schedule() {
+ const classes = useStyles();
+
+ return (
+
+
+
+
+ Can’t Choose What’s Best For Junior?
+
+
+
+
+ );
+}
diff --git a/src/views/pages/Courses/WebFullStakView/index.js b/src/views/pages/Courses/WebFullStakView/index.js
new file mode 100755
index 00000000..64919058
--- /dev/null
+++ b/src/views/pages/Courses/WebFullStakView/index.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core';
+import Page from 'src/components/Page';
+import Footer from '../../common/Footer';
+import Recommendations from '../../common/Recommendations'
+import CTA from '../CTA'
+import FinalAction from '../FinalAction'
+import Schedule from '../Schedule'
+import coursesContent from 'src/data/courses';
+import Major from '../Major';
+
+const advanced = coursesContent.advanced;
+const course = advanced.webDevelopment;
+
+const useStyles = makeStyles(() => ({
+ root: {}
+}));
+
+function CoursesView() {
+ const classes = useStyles();
+
+ return (
+
+
+ {/* */}
+
+
+
+
+
+
+ );
+}
+
+export default CoursesView;
diff --git a/src/views/pages/Courses/partials/Details.js b/src/views/pages/Courses/partials/Details.js
new file mode 100644
index 00000000..5d4f434a
--- /dev/null
+++ b/src/views/pages/Courses/partials/Details.js
@@ -0,0 +1,106 @@
+import React from 'react';
+import { Grid, Typography, Box, Button, Hidden } from '@material-ui/core';
+
+export default function Details({ course, bottom }) {
+ return (
+
+
+
+
+ {course.domain}
+
+
+
+ {course.title}
+
+
+
+
+ Duration
+
+ {course.duration}
+
+
+
+
+ {course.difficulty}
+
+ {course.level}
+
+
+
+
+ {course.tags.map((tag, index) => (
+
+
+ {tag}
+
+
+ ))}
+
+
+
+ {!bottom ? (
+
+ Enroll Now
+
+ ) : (
+ undefined
+ )}
+
+
+ );
+}
diff --git a/src/views/pages/Courses/partials/DetailsBottom.js b/src/views/pages/Courses/partials/DetailsBottom.js
new file mode 100644
index 00000000..5f7bc7b4
--- /dev/null
+++ b/src/views/pages/Courses/partials/DetailsBottom.js
@@ -0,0 +1,106 @@
+import React from 'react';
+import { Grid, Typography, Box, Hidden} from '@material-ui/core';
+
+
+export default function DetailsBottom({ course, bottom }) {
+ return (
+
+
+
+
+ {course.domain}
+
+
+
+ {course.title}
+
+
+
+
+ Duration
+
+ {course.duration}
+
+
+
+
+ {course.difficulty}
+
+ {course.level}
+
+
+
+
+ {course.tags.map((tag, index) => (
+
+
+ {tag}
+
+
+ ))}
+
+
+
+
+
+
+ );
+}
diff --git a/src/views/pages/Courses/partials/Overview.js b/src/views/pages/Courses/partials/Overview.js
new file mode 100644
index 00000000..21a94b7d
--- /dev/null
+++ b/src/views/pages/Courses/partials/Overview.js
@@ -0,0 +1,46 @@
+import React from 'react';
+import { Grid, Typography, Box } from '@material-ui/core';
+
+export default function Overview({ course }) {
+ return (
+
+
+
+
+ Course Overview
+
+
+ {course.overview.map((paragraph, index) =>{
+ return (
+ {paragraph}
+ );
+ })}
+
+
+
+ );
+}
diff --git a/src/views/pages/Courses/partials/Projects.js b/src/views/pages/Courses/partials/Projects.js
new file mode 100755
index 00000000..a92a586d
--- /dev/null
+++ b/src/views/pages/Courses/partials/Projects.js
@@ -0,0 +1,79 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+ Container,
+ Typography,
+ makeStyles,
+ Box,
+ GridList,
+ GridListTile
+} from '@material-ui/core';
+
+const useStyles = makeStyles(theme => ({
+ root: {
+ backgroundColor: '#F2F7FF',
+ paddingTop: theme.spacing(1),
+ borderRadius: '5px'
+ },
+
+ centerCls: {
+ paddingLeft: '5px',
+ paddingRight: '5px'
+ }
+}));
+
+function Projects({ projects, flat }) {
+ const classes = useStyles();
+
+ return (
+
+
+
+ {projects.map((project, index) => {
+ return ;
+ })}
+
+
+
+ );
+}
+
+function Project({ project }) {
+ return (
+
+
+
+ {project.title}
+
+
+ );
+}
+
+Projects.propTypes = {
+ className: PropTypes.string
+};
+
+export default Projects;
diff --git a/src/views/pages/Courses/partials/Topics.js b/src/views/pages/Courses/partials/Topics.js
new file mode 100644
index 00000000..2d2fcee4
--- /dev/null
+++ b/src/views/pages/Courses/partials/Topics.js
@@ -0,0 +1,136 @@
+import React from 'react';
+import {
+ Grid,
+ Typography,
+ Hidden,
+ Box,
+ Collapse,
+ IconButton
+} from '@material-ui/core';
+import ExpandLessIcon from '@material-ui/icons/ExpandLess';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+
+
+export default function Topics({ course }) {
+ return (
+
+
+
+
+ Topics To Be Covered
+
+
+ {course.topics.map((topic, topicIndex) => {
+ return ;
+ })}
+
+
+
+ );
+}
+
+function TopicDropBox({ topic, topicIndex }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+ {
+ setExpanded(!expanded);
+ }}
+ >
+
+
+ {`Topic ${topicIndex + 1} : ${
+ topic.title
+ }`}
+
+
+
+
+ {topic.classes}
+
+
+ {expanded ? : }
+
+
+
+
+
+
+ {expanded ? : }
+
+
+
+
+
+
+ {topic.subtopics.map((subtopic, subtopicIndex) => {
+ return (
+
+ {`Topic ${topicIndex + 1}.${subtopicIndex + 1} : ${subtopic}`}
+
+ );
+ })}
+
+
+
+ );
+}
diff --git a/src/views/pages/HomeView/Courses.js b/src/views/pages/HomeView/Courses.js
index a4a60e42..c79849b0 100644
--- a/src/views/pages/HomeView/Courses.js
+++ b/src/views/pages/HomeView/Courses.js
@@ -2,6 +2,7 @@ import React, { Fragment } from 'react';
import { makeStyles } from '@material-ui/core/styles';
import ParallaxSlide from '@mui-treasury/components/slide/parallax';
import PropTypes from 'prop-types';
+
import {
Grid,
Typography,
@@ -10,7 +11,9 @@ import {
Box,
Card,
CardContent,
- Chip
+ Chip,
+ GridList,
+ GridListTile
} from '@material-ui/core';
import { insideTriangleTabsStylesHook } from '@mui-treasury/styles/tabs';
import useMediaQuery from '@material-ui/core/useMediaQuery';
@@ -18,7 +21,6 @@ import useMediaQuery from '@material-ui/core/useMediaQuery';
import coursesContent from 'src/data/courses';
import { Link } from 'react-router-dom';
-
const useStyles = makeStyles(theme => ({
icon: {
marginRight: theme.spacing(2)
@@ -100,12 +102,21 @@ const useStyles = makeStyles(theme => ({
height: 'auto',
backgroundPosition: 'bottom center',
backgroundSize: 'cover'
+ },
+ gridList: {
+ flexWrap: 'nowrap',
+ width: '100%',
+ // Promote the list into his own layer on Chrome. This cost memory but helps keeping high FPS.
+ transform: 'translateZ(0)'
}
}));
export default function Courses() {
const classes = useStyles();
- const matches = useMediaQuery('(min-width:500px)');
+ const large = useMediaQuery('(min-width:1100px)');
+ const medium = useMediaQuery('(min-width:900px)');
+ const small = useMediaQuery('(min-width:600px)');
+ const extraSmall = useMediaQuery('(max-width:600px)');
const tabsStyles = insideTriangleTabsStylesHook.useTabs();
const tabItemStyles = insideTriangleTabsStylesHook.useTabItem({
@@ -120,8 +131,6 @@ export default function Courses() {
const foundation = coursesContent.foundation;
const advanced = coursesContent.advanced;
- const expert = coursesContent.expert;
-
return (
@@ -148,7 +157,9 @@ export default function Courses() {
color: '#848484'
}}
>
- Our courses are designed to fulfil the need of both students and professional developers. Learn from ground and become expert with pure practical approch of learning.
+ Our courses are designed to fulfil the need of both students and
+ professional developers. Learn from ground and become expert with pure
+ practical approch of learning.
@@ -190,7 +201,7 @@ export default function Courses() {
onChange={handleChange}
aria-label="Tabs"
centered={true}
- variant={matches ? 'standard' : 'scrollable'}
+ variant={extraSmall ? 'scrollable' : 'standard'}
scrollButtons="auto"
classes={tabsStyles}
style={{
@@ -204,8 +215,8 @@ export default function Courses() {
Foundation
-
- Grade (5-6)
+
+ (Reg. Open)
}
@@ -218,55 +229,68 @@ export default function Courses() {
Advanced
-
- Grade (7-9)
+
+ (Reg. Open)
}
disableRipple={true}
/>
+
- Expert
+ Complete
-
- Grade (10+)
+
+ (Launching Soon)
}
+ disabled
disableRipple={true}
/>
- {Object.entries(foundation).map(([cname, course], index) => {
- return (
-
-
-
- );
- })}
+
+ {Object.entries(foundation).map(([cname, course], index) => {
+ return (
+
+
+
+ );
+ })}
+
- {Object.entries(advanced).map(([cname, course], index) => {
- return (
-
-
-
- );
- })}
-
-
- {Object.entries(expert).map(([cname, course], index) => {
+
+ {Object.entries(advanced).map(([cname, course], index) => {
return (
-
+
-
+
);
})}
+
@@ -277,156 +301,161 @@ export default function Courses() {
const CourseCard = ({ course }) => {
const classes = useStyles();
return (
-
-
-
-
-
+
+
+
+
- {course.difficulty}
-
+
+ {course.difficulty}
+
+
+ {course.level}
+
+
+
- {course.level}
+ {course.domain}
-
-
- {course.domain}
-
+
+ {course.title}
+
+
+
-
- {course.title}
-
-
-
+
-
+
+
+
+
+ Duration
+
+ {course.duration}
+
-
-
-
-
- Duration
-
- {course.duration}
-
+
+ Upcoming
+
+ {course.upcoming}
+
-
-
- Upcoming
-
- No upcoming
+ {course.tags.slice(0, 3).map((tag, index) => (
+
+ {tag}
+
+ }
+ variant="outlined"
+ style={{
+ margin: '4px'
+ }}
+ />
+ ))}
+
+
-
+
- {course.tags.map((tag, index) => (
-
- {tag}
-
- }
- variant="outlined"
- style={{
- margin: '4px'
- }}
- />
- ))}
-
-
-
-
-
-
-
- Check Details
-
-
-
-
+
+ Check Details
+
+
+
+
+
);
};
const ParallaxCarousel = ({ slides }) => {
const renderChildren = () =>
slides.map((slide, index) => {
-
return (
{
color: '#FFFFFF',
padding: '8px',
backgroundImage: `url(${slide.image})`
-
}}
>
@@ -468,4 +496,3 @@ TabPanel.propTypes = {
index: PropTypes.any.isRequired,
value: PropTypes.any.isRequired
};
-
diff --git a/src/views/pages/HomeView/index.js b/src/views/pages/HomeView/index.js
index a2b1779f..29758323 100755
--- a/src/views/pages/HomeView/index.js
+++ b/src/views/pages/HomeView/index.js
@@ -14,7 +14,7 @@ import { experience, /*students,*/ mentors } from './HomeViewData';
import Courses from './Courses';
-// import Testimonials from './Testimonials/index';
+import Recommendations from '../common/Recommendations'
const useStyles = makeStyles(() => ({
root: {}
@@ -31,7 +31,7 @@ function HomeView() {
- {/* */}
+
diff --git a/src/views/pages/common/CourseRecommendations.js b/src/views/pages/common/CourseRecommendations.js
new file mode 100644
index 00000000..50a93ef4
--- /dev/null
+++ b/src/views/pages/common/CourseRecommendations.js
@@ -0,0 +1,333 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import ParallaxSlide from '@mui-treasury/components/slide/parallax';
+import PropTypes from 'prop-types';
+import {
+ Grid,
+ Typography,
+ Box,
+ Card,
+ CardContent,
+ Chip
+} from '@material-ui/core';
+
+import coursesContent from 'src/data/courses';
+import { Link } from 'react-router-dom';
+
+const useStyles = makeStyles(theme => ({
+ icon: {
+ marginRight: theme.spacing(2)
+ },
+ root: {
+ padding: theme.spacing(10, 10, 10),
+ display: 'flex',
+ justifyContent: 'center',
+ alignItems: 'center',
+ [theme.breakpoints.down('md')]: {
+ padding: theme.spacing(10, 3, 10)
+ }
+ },
+ cardGrid: {
+ paddingTop: theme.spacing(8),
+ paddingBottom: theme.spacing(8)
+ },
+ card: {
+ height: '100%',
+ display: 'flex',
+ flexDirection: 'column',
+ borderRadius: '10px',
+ margin: '12px'
+ },
+ cardMedia: {
+ width: '100%',
+ height: 'auto'
+ // paddingTop: "56.25%", // 16:9
+ },
+ cardContent: {},
+ chipActions: {
+ display: 'block'
+ },
+ chip: {
+ margin: '8px 0 3px 8px'
+ },
+ extraMargin: {
+ marginTop: '15px',
+ marginBottom: '0'
+ },
+ btn: {
+ textTransform: 'none'
+ },
+ paddingCls: {
+ paddingLeft: '10px',
+ paddingRight: '10px'
+ },
+ paddingClsxs: {
+ padding: 0
+ },
+ iconSize: {
+ fontSize: '32px'
+ },
+ text: {
+ color: '#FFFFFF'
+ },
+ avatarLarge: {
+ width: theme.spacing(16),
+ height: theme.spacing(16),
+ margin: theme.spacing(4, 0, 2)
+ },
+
+ avatarGrid: {
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ justifyContent: 'center',
+ padding: '5px'
+ },
+
+ slide: {
+ perspective: 0, // create perspective
+ overflow: 'hidden',
+ // relative is a must if you want to create overlapping layers in children
+ position: 'relative'
+ },
+ background: {
+ width: '100%',
+ height: 'auto',
+ backgroundPosition: 'bottom center',
+ backgroundSize: 'cover'
+ }
+}));
+
+export default function CourseRecommendations() {
+ const classes = useStyles();
+
+ const foundation = coursesContent.foundation;
+
+ return (
+
+
+
+ See More Courses recommended for You
+
+
+
+
+ {Object.entries(foundation).map(([cname, course], index) => {
+ return (
+
+
+
+ );
+ })}
+
+
+ );
+}
+
+const CourseCard = ({ course }) => {
+ const classes = useStyles();
+ return (
+
+
+
+
+
+ {course.difficulty}
+
+
+ {course.level}
+
+
+
+
+ {course.domain}
+
+
+
+ {course.title}
+
+
+
+
+
+
+
+
+
+
+ Duration
+
+ {course.duration}
+
+
+
+
+ Upcoming
+
+ No upcoming
+
+
+
+ {course.tags.map((tag, index) => (
+
+ {tag}
+
+ }
+ variant="outlined"
+ style={{
+ margin: '4px'
+ }}
+ />
+ ))}
+
+
+
+
+
+
+
+ Check Details
+
+
+
+
+ );
+};
+
+const ParallaxCarousel = ({ slides }) => {
+ const renderChildren = () =>
+ slides.map((slide, index) => {
+ return (
+
+
+ {slide.heading}
+
+
+ {slide.subheading}
+
+
+ );
+ });
+ return {renderChildren} ;
+};
+
+function TabPanel(props) {
+ const { children, value, index } = props;
+
+ return (
+
+ {children}
+
+ );
+}
+
+TabPanel.propTypes = {
+ children: PropTypes.node,
+ index: PropTypes.any.isRequired,
+ value: PropTypes.any.isRequired
+};
diff --git a/src/views/pages/common/Recommendations.js b/src/views/pages/common/Recommendations.js
new file mode 100644
index 00000000..a10fdd51
--- /dev/null
+++ b/src/views/pages/common/Recommendations.js
@@ -0,0 +1,205 @@
+import React from 'react';
+
+import { makeStyles } from '@material-ui/core/styles';
+import {
+ Grid,
+ Typography,
+ Box,
+ Card,
+ CardContent,
+ Hidden,
+ GridList,
+ GridListTile
+} from '@material-ui/core';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+
+import { recommendations } from 'src/data/recommendations';
+
+const useStyles = makeStyles(theme => ({
+ icon: {
+ marginRight: theme.spacing(2)
+ },
+ heroContent: {
+ padding: theme.spacing(10, 10, 10),
+ [theme.breakpoints.down('md')]: {
+ padding: theme.spacing(10, 3, 10)
+ }
+ },
+ heroButtons: {
+ marginTop: theme.spacing(4)
+ },
+ cardGrid: {
+ paddingTop: theme.spacing(8),
+ paddingBottom: theme.spacing(8)
+ },
+ gridList: {
+ flexWrap: 'nowrap',
+ width: '100%',
+ // Promote the list into his own layer on Chrome. This cost memory but helps keeping high FPS.
+ transform: 'translateZ(0)'
+ },
+ card: {
+ height: '100%',
+ display: 'flex',
+ flexDirection: 'column',
+ borderRadius: '10px',
+ boxShadow: '0px 0px 14px rgba(0, 0, 0, 0.1)'
+ },
+ cardMedia: {
+ width: '100%',
+ height: 'auto'
+ // paddingTop: "56.25%", // 16:9
+ },
+ cardContent: {
+ flexGrow: 1
+ },
+ chipActions: {
+ display: 'block'
+ },
+ chip: {
+ margin: '8px 0 3px 8px'
+ },
+ extraMargin: {
+ marginTop: '15px',
+ marginBottom: '0'
+ },
+ btn: {
+ textTransform: 'none'
+ },
+ root: {
+ backgroundColor: theme.palette.primary.main,
+ paddingTop: theme.spacing(3),
+ paddingBottom: theme.spacing(3),
+ '& dt': {
+ marginTop: theme.spacing(2)
+ },
+ color: '#FFF'
+ },
+ paddingCls: {
+ paddingLeft: '10px',
+ paddingRight: '10px'
+ },
+ paddingClsxs: {
+ padding: 0
+ },
+ iconSize: {
+ fontSize: '32px'
+ },
+ text: {
+ color: '#000'
+ },
+ textHighlight: {
+ color: '#A60000'
+ },
+ avatarLarge: {
+ width: '50px',
+ height: '50px',
+ marginRight: theme.spacing(2)
+ },
+ recommenderTitle: {
+ color: '#A60000'
+ },
+ recommenderDetail: {
+ color: '#9C9C9C',
+ textAlign: 'center'
+ }
+}));
+
+export default function Recommendations({ recommendationsImages }) {
+ const classes = useStyles();
+
+ const large = useMediaQuery('(min-width:1100px)');
+ const medium = useMediaQuery('(min-width:900px)');
+ const small = useMediaQuery('(min-width:600px)');
+
+ return (
+
+ {/* Hero unit */}
+
+
+
+
+ What Do Students Say About
+ Say about Us
+
+
+
+
+
+
+
+
+
+
+
+
+ {recommendations.map((recommendation, index) => {
+ return (
+
+
+
+
+
+
+
+
+
+ {recommendation.text}
+
+
+
+
+
+
+
+
+
+
+ {recommendation.name}
+
+
+
+
+
+
+
+ );
+ })}
+
+
+
+ );
+}