Merge pull request #60 from Curio-org/main

Merge `main` to `production`
Curio-org · Oct 13, 2023 · fb31288 · fb31288
2 parents c1911d1 + 0176fb0
commit fb31288
Show file tree

Hide file tree

Showing 51 changed files with 1,533 additions and 1,246 deletions.
diff --git a/.github/workflows/netlify.yml b/.github/workflows/netlify.yml
@@ -11,7 +11,7 @@ jobs:
     steps:
       - name: Check out code
         uses: actions/checkout@v2
-      
+
       - name: Build and Test
         run: |
           npm install --legacy-peer-deps

diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,4 @@
+node_modules
+# Ignore artifacts:
+build
+coverage
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": true
+}
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@ Curio, a web application which is serving as an open platform where anyone can c
 ## Tech stack Curio is using
 
 - Frontend
-  For the Frontend we are using ReactJs & NodeJs in order to bring functionality to it  and for styling purposes we have used CSS3 along with some SASS. We are also making use of a number of react compatible modules to optimise things i.e. React Router DOM, RSuite, Semantic UI React etc.
+  For the Frontend we are using ReactJs & NodeJs in order to bring functionality to it and for styling purposes we have used CSS3 along with some SASS. We are also making use of a number of react compatible modules to optimise things i.e. React Router DOM, RSuite, Semantic UI React etc.
 - API
   We are taking use of Youtube V3 api to get the video data & search results based on the query & along with that we have also made a couple of APIs in order to connect the frontend to the backend usin AXIOS.
 - Backend

diff --git a/api/helloWorld.js b/api/helloWorld.js
@@ -1,4 +1,4 @@
 export default (req, res) => {
-    res.statusCode = 200;
-    res.send({ message: "helloWorld" });
-  };
+  res.statusCode = 200;
+  res.send({ message: "helloWorld" });
+};
diff --git a/api/sendMessage.js b/api/sendMessage.js
@@ -1,24 +1,24 @@
-require('dotenv');
+require("dotenv");
 const client = require("twilio")(
-    process.env.REACT_APP_TWILIO_ACCOUNT_SID,
-    process.env.REACT_APP_TWILIO_AUTH_TOKEN
-  );
-
-  export default async (req, res) => {
-    res.statusCode = 200;
-    res.setHeader("Content-Type", "application/json");
+  process.env.REACT_APP_TWILIO_ACCOUNT_SID,
+  process.env.REACT_APP_TWILIO_AUTH_TOKEN,
+);
 
-    client.messages.create({
-        from: process.env.REACT_APP_TWILIO_PHONE_NUMBER,
-        to: req.body.to,
-        body: req.body.body,
-      })
-      .then(() => {
-        res.send(JSON.stringify({ success: true }));
-      })
-      .catch((err) => {
-        console.log(err);
-        res.send(JSON.stringify({ success: false }));
-      });
-
-  }
+export default async (req, res) => {
+  res.statusCode = 200;
+  res.setHeader("Content-Type", "application/json");
+
+  client.messages
+    .create({
+      from: process.env.REACT_APP_TWILIO_PHONE_NUMBER,
+      to: req.body.to,
+      body: req.body.body,
+    })
+    .then(() => {
+      res.send(JSON.stringify({ success: true }));
+    })
+    .catch((err) => {
+      console.log(err);
+      res.send(JSON.stringify({ success: false }));
+    });
+};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -70,6 +70,7 @@
   "devDependencies": {
     "autoprefixer": "^10.4.12",
     "postcss": "^8.4.31",
+    "prettier": "3.0.3",
     "tailwindcss": "^3.1.8"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,8 +1,8 @@
 module.exports = {
   plugins: [
-    require('postcss-import'),
-    require('tailwindcss/nesting')(require('postcss-nesting')),
-    require('autoprefixer'),
-    require('tailwindcss'),
-  ]
-}
+    require("postcss-import"),
+    require("tailwindcss/nesting")(require("postcss-nesting")),
+    require("autoprefixer"),
+    require("tailwindcss"),
+  ],
+};
diff --git a/prettierrc.json b/prettierrc.json
@@ -0,0 +1,6 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 4,
+  "semi": false,
+  "singleQuote": true
+}
diff --git a/public/index.html b/public/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -10,7 +10,7 @@
     />
     <title>Curio</title>
   </head>
-  <body style="overflow-x: hidden;">
+  <body style="overflow-x: hidden">
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
   </body>

diff --git a/src/App.css b/src/App.css
@@ -1,88 +1,107 @@
 * {
-    box-sizing: border-box;
-    padding: 0%;
-    margin: 0%;
-    scroll-behavior: smooth;
+  box-sizing: border-box;
+  padding: 0%;
+  margin: 0%;
+  scroll-behavior: smooth;
 }
 
-body{
-    background-color: var(--color-bg);
+body {
+  background-color: var(--color-bg);
 }
 
-.gradient__bg
-{
-  background:-moz-radial-gradient(circle at 3% 25%, rgba(0, 40, 83, 1) 0%, rgba(4, 12, 24, 1) 25%);
+.gradient__bg {
+  background: -moz-radial-gradient(
+    circle at 3% 25%,
+    rgba(0, 40, 83, 1) 0%,
+    rgba(4, 12, 24, 1) 25%
+  );
 
   /* safari 5.1+,chrome 10+ */
-  background:-webkit-radial-gradient(circle at 3% 25%, rgba(0, 40, 83, 1) 0%, rgba(4, 12, 24, 1) 25%);
+  background: -webkit-radial-gradient(
+    circle at 3% 25%,
+    rgba(0, 40, 83, 1) 0%,
+    rgba(4, 12, 24, 1) 25%
+  );
 
   /* opera 11.10+ */
-  background:-o-radial-gradient(circle at 3% 25%, rgba(0, 40, 83, 1) 0%, rgba(4, 12, 24, 1) 25%);
+  background: -o-radial-gradient(
+    circle at 3% 25%,
+    rgba(0, 40, 83, 1) 0%,
+    rgba(4, 12, 24, 1) 25%
+  );
 
   /* ie 10+ */
-  background:-ms-radial-gradient(circle at 3% 25%, rgba(0, 40, 83, 1) 0%, rgba(4, 12, 24, 1) 25%);
+  background: -ms-radial-gradient(
+    circle at 3% 25%,
+    rgba(0, 40, 83, 1) 0%,
+    rgba(4, 12, 24, 1) 25%
+  );
 
   /* global 92%+ browsers support */
-  background:radial-gradient(circle at 3% 25%, rgba(0, 40, 83, 1) 0%, rgba(4, 12, 24, 1) 25%);
+  background: radial-gradient(
+    circle at 3% 25%,
+    rgba(0, 40, 83, 1) 0%,
+    rgba(4, 12, 24, 1) 25%
+  );
 }
-.gradient__text{
-    background: var(--gradient-text);
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
+.gradient__text {
+  background: var(--gradient-text);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 
-.section__padding{
-    padding: 4rem 6rem;
+.section__padding {
+  padding: 4rem 6rem;
 }
 
-.section__margin{
-    margin: 4rem 6rem;
+.section__margin {
+  margin: 4rem 6rem;
 }
 
 .scale-up-center {
-	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
-	        animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
+  -webkit-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
+    both;
+  animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
 }
 
- @-webkit-keyframes scale-up-center {
-    0% {
-      -webkit-transform: scale(0.5);
-              transform: scale(0.5);
-    }
-    100% {
-      -webkit-transform: scale(1);
-              transform: scale(1);
-    }
+@-webkit-keyframes scale-up-center {
+  0% {
+    -webkit-transform: scale(0.5);
+    transform: scale(0.5);
   }
-  @keyframes scale-up-center {
-    0% {
-      -webkit-transform: scale(0.5);
-              transform: scale(0.5);
-    }
-    100% {
-      -webkit-transform: scale(1);
-              transform: scale(1);
-    }
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes scale-up-center {
+  0% {
+    -webkit-transform: scale(0.5);
+    transform: scale(0.5);
+  }
+  100% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+@media screen and (max-width: 700px) {
+  .section__padding {
+    padding: 4rem;
   }
-
 
-  @media screen and (max-width: 700px) {
-    .section__padding {
-      padding: 4rem;
-    }
-
-    .section__margin {
-      margin: 4rem;
-    }
+  .section__margin {
+    margin: 4rem;
   }
-
-  @media screen and (max-width: 550px) {
-    .section__padding {
-      padding: 4rem 2rem;
-    }
-
-    .section__margin {
-      margin: 4rem 2rem;
-    }  
-  }
+}
+
+@media screen and (max-width: 550px) {
+  .section__padding {
+    padding: 4rem 2rem;
+  }
+
+  .section__margin {
+    margin: 4rem 2rem;
+  }
+}