Fix prettier config and format

Signed-off-by: Sahil Gupte <[email protected]>

Author: Ovenoboyo

.prettierrc renamed to .prettierc.json

@@ -1,27 +1,27 @@
 import React from 'react'
-import { Link } from "react-router-dom";
+import { Link } from 'react-router-dom'
 
 const Home = () => {
   return (
-    <div className="Home">
-      <div className="header">
+    <div className='Home'>
+      <div className='header'>
         <h1>Frontend-reactjs</h1>
       </div>
 
-      <div className="contri">
-        <div className="contri_heading">
+      <div className='contri'>
+        <div className='contri_heading'>
           <h3>Start Contributing</h3>
         </div>
         <hr />
 
-        <div className="contri_components">
-          <Link to="/login" className="component">
+        <div className='contri_components'>
+          <Link to='/login' className='component'>
             <h2>Login</h2>
           </Link>
-          <Link to="/register" className="component">
+          <Link to='/register' className='component'>
             <h2>Register</h2>
           </Link>
-          <Link to="/product_card" className="component" >
+          <Link to='/product_card' className='component'>
             <h2>Product card</h2>
           </Link>
           {/* Add new Link Here for your new component */}
@@ -31,4 +31,4 @@ const Home = () => {
   )
 }
 
-export default Home
+export default Home

example/src/components/Home.js

@@ -2,4 +2,4 @@
   "env": {
     "jest": true
   }
-}
+}

src/.eslintrc

@@ -1,4 +1,3 @@
 export { default as Login } from './lib-components/login'
 export { default as Register } from './lib-components/register'
 export { default as ProductCard } from './lib-components/product_card'
-

src/index.js

@@ -1,5 +1,5 @@
 /*===== GOOGLE FONTS =====*/
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
 /*===== VARIABLES CSS =====*/
 :root {
   /*===== Colores =====*/
@@ -8,7 +8,7 @@
   --dark-color: #272d40;
   --dark-color-lighten: #f2f5ff;
   /*===== Fuente y tipografia =====*/
-  --body-font: "Poppins", sans-serif;
+  --body-font: 'Poppins', sans-serif;
   --h1-font-size: 1.5rem;
   --h2-font-size: 1.25rem;
   --normal-font-size: 1rem;