PrakharV10 · PrakharV10 · Mar 30, 2021 · Mar 30, 2021 · Mar 31, 2021 · Apr 3, 2021
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/README.md b/README.md
@@ -0,0 +1,30 @@
+# Sparrow Visuals AKA **Dove**
+
+## Description - 
+Dove is a Video Library for students aspiring to be Graphic Designers, 2D Animation Artists or 3D Modelling Artists. Dove has the best tutorials playlists, curated from Youtube, listed in the form of Courses, to help everyone follow a definite path, that offer video series of all levels of difficulty. Dove also provides a feature for jotting down notes, while watching the video. 
+
+Dove also provides users the best experience, as they can Sign In on the Website, and like their favorite videos and add them to multiple playlists at once. And last but not least, Dove is fully responsive, for it's mobile users' convenience. 
+
+## Live Link - 
+[Dove](https://sparrow-visuals.netlify.app)
+
+## Test Credentials -
+- email : johndoe@gmail.com
+- password : 123456
+
+Or you can signup and create a new ID.
+
+## Technologies Used - 
+1) HTML, CSS & React Js
+2) sparrow designs component library
+3) React Router
+4) Repl.it for API server.
+5) NodeJs, ExpressJS for backend.
+6) JWT for authorization
+7) bcrypt for Password hashing. 
+8) Netlify for hosting the static server.
+
+## Screenshots - 
+![3](https://user-images.githubusercontent.com/70899048/114407498-14385c80-9bc6-11eb-9948-5a47cf6dc28c.JPG)
+![1](https://user-images.githubusercontent.com/70899048/114407372-f23eda00-9bc5-11eb-9c6e-3b55d25e5843.JPG)
+![2](https://user-images.githubusercontent.com/70899048/114407378-f4089d80-9bc5-11eb-9abe-a7e5fe6a3985.JPG)
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "sparrow-visuals",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.11.10",
+    "@testing-library/react": "^11.2.6",
+    "@testing-library/user-event": "^12.8.3",
+    "axios": "^0.21.1",
+    "history": "^5.0.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-markdown": "^5.0.3",
+    "react-player": "^2.9.0",
+    "react-router-dom": "^6.0.0-beta.0",
+    "react-scripts": "4.0.3",
+    "semantic-ui-css": "^2.4.1",
+    "semantic-ui-react": "^2.0.3",
+    "web-vitals": "^1.1.1"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
diff --git a/public/_redirects b/public/_redirects
@@ -0,0 +1 @@
+/*    /index.html      200
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="A Video Library for Learning Graphics Designing, 3d Modelling & 2D Animation."
+    />
+    <link rel="stylesheet" href="https://sparrow-design.netlify.app/css/components.css">
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <title>Sparrow Visuals</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "Sparrow",
+  "name": "Sparrow Visuals",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/src/App.css b/src/App.css
@@ -0,0 +1,36 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
+
+*{
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  scrollbar-width: thin;
+  scrollbar-color: var(--gray-300) var(--gray-800);
+}
+
+html{
+  scroll-behavior: smooth;
+}
+
+:root{
+  --yellow-500 : #FFD21D;
+  --yellow-600 : #E7B236;
+  --gray-900 : #28282d;
+  --gray-800 : #2B2B31;
+  --gray-300 : rgba(255,255,255,0.75);
+  --white-100 : #FFF;
+  --pink-800 : #FF56A2;
+}
+
+
+body{
+  /* font-family: 'Source Sans Pro', sans-serif;
+  font-family: 'Ubuntu', sans-serif; */
+  font-family: 'Roboto', sans-serif;
+  width: 100%;
+  min-height: 100vh;
+  background-color: var(--gray-800);
+}
+
diff --git a/src/App.js b/src/App.js
@@ -0,0 +1,45 @@
+import { useState } from 'react';
+import { Routes, Route } from 'react-router-dom';
+
+import './App.css';
+import NavBar from './Components/NavBar/NavBar';
+import SideBar from './Components/SideBar/SideBar';
+import {
+	PageNotFound,
+	Account,
+	Course,
+	Explore,
+	Home,
+	Library,
+	LogIn,
+	Signup,
+	VideoPlay,
+} from './Pages';
+import PrivateRoute from './PrivateRoute';
+
+function App() {
+	const [showMenu, setShowMenu] = useState(false);
+
+	return (
+		<div className="App">
+			<NavBar setShowMenu={setShowMenu} showMenu={showMenu} />
+
+			<main>
+				<Routes>
+					<Route path="/" element={<Home />} />
+					<Route path="/courses/:courseUrl" element={<Course />} />
+					<Route path="/watch/:videoID" element={<VideoPlay />} />
+					<Route path="/explore" element={<Explore />} />
+					<Route path="*" element={<PageNotFound />} />
+					<Route path="/login" element={<LogIn />} />
+					<Route path="/signup" element={<Signup />} />
+					<PrivateRoute path="/library" element={<Library />} />
+					<PrivateRoute path="/account" element={<Account />} />
+				</Routes>
+				<SideBar setShowMenu={setShowMenu} showMenu={showMenu} />
+			</main>
+		</div>
+	);
+}
+
+export default App;
diff --git a/src/Assets/images/bgImg.jpg b/src/Assets/images/bgImg.jpg
diff --git a/src/Assets/svg/Likes.svg b/src/Assets/svg/Likes.svg
diff --git a/src/Assets/svg/SvgFunction.js b/src/Assets/svg/SvgFunction.js