From 49be4dfc3d478ad02876c9238c48c513edac1e7c Mon Sep 17 00:00:00 2001 From: rohan09-raj Date: Thu, 28 Jul 2022 17:56:15 +0530 Subject: refactoring folder structure --- src/App.js | 12 ---- src/components/Card/Card.jsx | 13 ---- src/components/Card/Card.module.css | 26 -------- src/components/Card/CardScanner.jsx | 16 ----- src/components/Card/CardScanner.module.css | 26 -------- src/components/Header/Header.jsx | 13 ---- src/components/Header/Header.module.css | 20 ------ src/components/Input/Input.jsx | 22 ------- src/components/Input/Input.module.css | 19 ------ src/components/LabelCard/LabelCard.jsx | 23 ------- src/components/LabelCard/LabelCard.module.css | 19 ------ src/components/RadioSelect/RadioSelect.jsx | 0 src/components/RadioSelect/RadioSelect.module.css | 0 src/components/SubmitButton/SubmitButton.jsx | 18 ------ .../SubmitButton/SubmitButton.module.css | 20 ------ src/index.css | 19 ------ src/index.js | 14 ----- src/pages/Enrollment/Address/Address.jsx | 47 -------------- src/pages/Enrollment/Address/Address.module.css | 8 --- .../Enrollment/DocumentScanner/DocumentScanner.jsx | 56 ----------------- .../DocumentScanner/DocumentScanner.module.css | 5 -- src/pages/Enrollment/Enrollment.jsx | 16 ----- src/pages/Enrollment/Enrollment.module.css | 0 src/pages/Enrollment/FormOne/FormOne.jsx | 72 ---------------------- src/pages/Enrollment/FormOne/FormOne.module.css | 46 -------------- src/pages/Enrollment/FormTwo/FormTwo.jsx | 17 ----- src/pages/Enrollment/FormTwo/FormTwo.module.css | 1 - src/pages/Enrollment/PhotoCapture/PhotoCapture.jsx | 52 ---------------- .../PhotoCapture/PhotoCapture.module.css | 5 -- src/pages/Home/Home.jsx | 30 --------- src/pages/Home/Home.module.css | 4 -- src/pages/Update/Update.jsx | 7 --- src/pages/Update/Update.module.css | 0 src/routes/index.js | 38 ------------ src/styles/GlobalVariables.css | 8 --- 35 files changed, 692 deletions(-) delete mode 100644 src/App.js delete mode 100644 src/components/Card/Card.jsx delete mode 100644 src/components/Card/Card.module.css delete mode 100644 src/components/Card/CardScanner.jsx delete mode 100644 src/components/Card/CardScanner.module.css delete mode 100644 src/components/Header/Header.jsx delete mode 100644 src/components/Header/Header.module.css delete mode 100644 src/components/Input/Input.jsx delete mode 100644 src/components/Input/Input.module.css delete mode 100644 src/components/LabelCard/LabelCard.jsx delete mode 100644 src/components/LabelCard/LabelCard.module.css delete mode 100644 src/components/RadioSelect/RadioSelect.jsx delete mode 100644 src/components/RadioSelect/RadioSelect.module.css delete mode 100644 src/components/SubmitButton/SubmitButton.jsx delete mode 100644 src/components/SubmitButton/SubmitButton.module.css delete mode 100644 src/index.css delete mode 100644 src/index.js delete mode 100644 src/pages/Enrollment/Address/Address.jsx delete mode 100644 src/pages/Enrollment/Address/Address.module.css delete mode 100644 src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx delete mode 100644 src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css delete mode 100644 src/pages/Enrollment/Enrollment.jsx delete mode 100644 src/pages/Enrollment/Enrollment.module.css delete mode 100644 src/pages/Enrollment/FormOne/FormOne.jsx delete mode 100644 src/pages/Enrollment/FormOne/FormOne.module.css delete mode 100644 src/pages/Enrollment/FormTwo/FormTwo.jsx delete mode 100644 src/pages/Enrollment/FormTwo/FormTwo.module.css delete mode 100644 src/pages/Enrollment/PhotoCapture/PhotoCapture.jsx delete mode 100644 src/pages/Enrollment/PhotoCapture/PhotoCapture.module.css delete mode 100644 src/pages/Home/Home.jsx delete mode 100644 src/pages/Home/Home.module.css delete mode 100644 src/pages/Update/Update.jsx delete mode 100644 src/pages/Update/Update.module.css delete mode 100644 src/routes/index.js delete mode 100644 src/styles/GlobalVariables.css (limited to 'src') diff --git a/src/App.js b/src/App.js deleted file mode 100644 index c39f14e..0000000 --- a/src/App.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react' -import Index from './routes' - -const App = () => { - return ( - <> - - - ) -} - -export default App diff --git a/src/components/Card/Card.jsx b/src/components/Card/Card.jsx deleted file mode 100644 index 3d66067..0000000 --- a/src/components/Card/Card.jsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react' -import styles from './Card.module.css' - -const Card = ({ title, image }) => { - return ( -
- -

{title}

-
- ) -} - -export default Card diff --git a/src/components/Card/Card.module.css b/src/components/Card/Card.module.css deleted file mode 100644 index e351fd5..0000000 --- a/src/components/Card/Card.module.css +++ /dev/null @@ -1,26 +0,0 @@ -@import '../../styles/GlobalVariables.css'; - -.card { - height: 300px; - width: 300px; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - border: 3px solid var(--color-black); - border-radius: 10px; - margin: 30px; - transition: 0.2s all; - cursor: pointer; - color: var(--color-black); - text-decoration-line: none; -} - -.card:active { - transform: scale(0.98); - box-shadow: 3px 2px 22px 1px var(--color-shadow); -} - -.card__title { - margin: 15px 0px; -} diff --git a/src/components/Card/CardScanner.jsx b/src/components/Card/CardScanner.jsx deleted file mode 100644 index 29caf39..0000000 --- a/src/components/Card/CardScanner.jsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react' -import styles from './CardScanner.module.css' -import SubmitButton from '../SubmitButton/SubmitButton' - -const CardScanner = ({ title, image }) => { - return ( - <> -
- -
- - - ) -} - -export default CardScanner diff --git a/src/components/Card/CardScanner.module.css b/src/components/Card/CardScanner.module.css deleted file mode 100644 index af237e2..0000000 --- a/src/components/Card/CardScanner.module.css +++ /dev/null @@ -1,26 +0,0 @@ -@import '../../styles/GlobalVariables.css'; - -.card { - height: 300px; - width: 600px; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - border: 3px solid var(--color-black); - border-radius: 10px; - margin: 30px; - transition: 0.2s all; - cursor: pointer; - color: var(--color-black); - text-decoration-line: none; -} - -.card:active { - transform: scale(0.98); - box-shadow: 3px 2px 22px 1px var(--color-shadow); -} - -.card__title { - margin: 15px 0px; -} \ No newline at end of file diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx deleted file mode 100644 index d90aafe..0000000 --- a/src/components/Header/Header.jsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react' -import styles from './Header.module.css' - -const Header = ({ subheading }) => { - return ( -
-

AADHAAR

-

{subheading}

-
- ) -} - -export default Header diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css deleted file mode 100644 index 8e6084f..0000000 --- a/src/components/Header/Header.module.css +++ /dev/null @@ -1,20 +0,0 @@ -@import '../../styles/GlobalVariables.css'; - -.header { - font-family: 'Fredoka One', cursive; - display: flex; - flex-direction: column; - align-items: center; - margin: 20px; - padding: 20px; -} - -.header__heading { - font-size: var(--font-large); - font-weight: 400; -} - -.header__subheading { - font-size: var(--font-medium); - font-weight: 400; -} diff --git a/src/components/Input/Input.jsx b/src/components/Input/Input.jsx deleted file mode 100644 index ee79f3b..0000000 --- a/src/components/Input/Input.jsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react' -import styles from './Input.module.css' - -const Input = ({ label, id, value, type, name }) => { - return ( -
-
- - -
-
- ) -} - -export default Input diff --git a/src/components/Input/Input.module.css b/src/components/Input/Input.module.css deleted file mode 100644 index cafb5f1..0000000 --- a/src/components/Input/Input.module.css +++ /dev/null @@ -1,19 +0,0 @@ -.input { - display: flex; - justify-content: center; - font-family: 'Barlow'; - font-size: var(--font-medium-s); -} - -.input__container { - display: flex; - flex-direction: column; -} - -.input__field { - width: 300px; - margin: 10px 0px; - padding: 20px 10px; - border: 3px solid; - border-radius: 10px; -} diff --git a/src/components/LabelCard/LabelCard.jsx b/src/components/LabelCard/LabelCard.jsx deleted file mode 100644 index be02f01..0000000 --- a/src/components/LabelCard/LabelCard.jsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react' -import styles from './LabelCard.module.css' - -const LabelCard = ({ id, name, value, title, image }) => { - return ( -
- - -
- ) -} - -export default LabelCard diff --git a/src/components/LabelCard/LabelCard.module.css b/src/components/LabelCard/LabelCard.module.css deleted file mode 100644 index 8511596..0000000 --- a/src/components/LabelCard/LabelCard.module.css +++ /dev/null @@ -1,19 +0,0 @@ -.labelcard { - text-align: center; -} - -.card { - display: flex; - flex-direction: column; - align-items: center; - margin: 5px; -} - -.card__image { - border: 3px solid var(--color-black); - border-radius: 10px; -} - -.card__title { - margin: 5px 0px; -} diff --git a/src/components/RadioSelect/RadioSelect.jsx b/src/components/RadioSelect/RadioSelect.jsx deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/RadioSelect/RadioSelect.module.css b/src/components/RadioSelect/RadioSelect.module.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/SubmitButton/SubmitButton.jsx b/src/components/SubmitButton/SubmitButton.jsx deleted file mode 100644 index 567d923..0000000 --- a/src/components/SubmitButton/SubmitButton.jsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react' -import styles from './SubmitButton.module.css' - -const SubmitButton = ({ onClick }) => { - return ( - <> - - - ) -} - -export default SubmitButton diff --git a/src/components/SubmitButton/SubmitButton.module.css b/src/components/SubmitButton/SubmitButton.module.css deleted file mode 100644 index bb1b015..0000000 --- a/src/components/SubmitButton/SubmitButton.module.css +++ /dev/null @@ -1,20 +0,0 @@ -.submit { - position: absolute; - bottom: 100px; - right: 150px; - background: transparent; - border: none; - border-radius: 50%; - transition: 0.2s all; - cursor: pointer; -} - -.submit:active { - transform: scale(0.98); - box-shadow: 3px 2px 22px 1px var(--color-shadow); -} - -.submit__image { - height: 75px; - width: 75px; -} diff --git a/src/index.css b/src/index.css deleted file mode 100644 index c05147c..0000000 --- a/src/index.css +++ /dev/null @@ -1,19 +0,0 @@ -* { - margin: 0; - padding: 0; -} - -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", - "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - height: 100%; - width: 100%; -} - -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", - monospace; -} diff --git a/src/index.js b/src/index.js deleted file mode 100644 index 08cf3d2..0000000 --- a/src/index.js +++ /dev/null @@ -1,14 +0,0 @@ -import React from 'react' -import ReactDOM from 'react-dom/client' -import { BrowserRouter } from 'react-router-dom' -import './index.css' -import App from './App' - -const root = ReactDOM.createRoot(document.getElementById('root')) -root.render( - - - - - -) diff --git a/src/pages/Enrollment/Address/Address.jsx b/src/pages/Enrollment/Address/Address.jsx deleted file mode 100644 index 6a32bcf..0000000 --- a/src/pages/Enrollment/Address/Address.jsx +++ /dev/null @@ -1,47 +0,0 @@ -import React from 'react' -import Header from '../../../components/Header/Header' -import Input from '../../../components/Input/Input' -import SubmitButton from '../../../components/SubmitButton/SubmitButton' - -import styles from './Address.module.css' - -const Address = () => { - return ( - <> -
-
-
- - - - -
-
- - - - -
-
- - - - ) -} - -export default Address diff --git a/src/pages/Enrollment/Address/Address.module.css b/src/pages/Enrollment/Address/Address.module.css deleted file mode 100644 index 60958ba..0000000 --- a/src/pages/Enrollment/Address/Address.module.css +++ /dev/null @@ -1,8 +0,0 @@ -.address { - display: flex; - justify-content: center; -} - -.address__container { - margin: 0px 20px; -} diff --git a/src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx b/src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx deleted file mode 100644 index 1ca2558..0000000 --- a/src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx +++ /dev/null @@ -1,56 +0,0 @@ -import React from 'react' -import Header from '../../../components/Header/Header' -import CardScanner from '../../../components/Card/CardScanner' -import styles from './DocumentScanner.module.css' -import { Button, Grid, Typography } from '@mui/material' -import SubmitButton from '../../../components/SubmitButton/SubmitButton' - -const DocumentScanner = () => { - return ( - <> -
-
- -
- - - - - - - - -

-
- - - Please place your document on the scanner. -
- Close the lid. -
- Wait for prompt to remove your document -
-
-
- - - ) -} - -export default DocumentScanner diff --git a/src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css b/src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css deleted file mode 100644 index ec59f61..0000000 --- a/src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css +++ /dev/null @@ -1,5 +0,0 @@ -.card__container { - display: flex; - justify-content: center; - } - \ No newline at end of file diff --git a/src/pages/Enrollment/Enrollment.jsx b/src/pages/Enrollment/Enrollment.jsx deleted file mode 100644 index b8bbc81..0000000 --- a/src/pages/Enrollment/Enrollment.jsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react' -import Header from '../../components/Header/Header' -import SubmitButton from '../../components/SubmitButton/SubmitButton' -import FormOne from './FormOne/FormOne' - -const Enrollment = () => { - return ( - <> -
- - - - ) -} - -export default Enrollment diff --git a/src/pages/Enrollment/Enrollment.module.css b/src/pages/Enrollment/Enrollment.module.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/pages/Enrollment/FormOne/FormOne.jsx b/src/pages/Enrollment/FormOne/FormOne.jsx deleted file mode 100644 index 4ba274c..0000000 --- a/src/pages/Enrollment/FormOne/FormOne.jsx +++ /dev/null @@ -1,72 +0,0 @@ -import React from 'react' -import Input from '../../../components/Input/Input' -import LabelCard from '../../../components/LabelCard/LabelCard' -import styles from './FormOne.module.css' - -const FormOne = () => { - return ( -
-
- - - - - - - - -
- - - -
- - - -
- -
- - -
-
- ) -} - -export default FormOne diff --git a/src/pages/Enrollment/FormOne/FormOne.module.css b/src/pages/Enrollment/FormOne/FormOne.module.css deleted file mode 100644 index 35d1e49..0000000 --- a/src/pages/Enrollment/FormOne/FormOne.module.css +++ /dev/null @@ -1,46 +0,0 @@ -.formone { - display: flex; - flex-direction: column; - align-items: center; - font-family: 'Barlow'; - font-size: var(--font-medium-s); -} - -.formone__radio { - display: flex; - align-items: center; -} - -.formone__resident { - display: flex; - align-items: center; - margin: 15px; -} - -.formone__resident input[type='radio'] { - width: 1.5rem; - height: 1.5rem; -} - -.formone__gender { - display: flex; -} - -.formone__dob { - display: flex; - flex-direction: column; -} - -.formone__dob input[type='date']::-webkit-calendar-picker-indicator { - width: 30px; - height: 30px; - margin: 0; -} - -.formone__dob_input { - width: 300px; - margin: 10px 0px; - padding: 11px 10px; - border: 3px solid; - border-radius: 10px; -} diff --git a/src/pages/Enrollment/FormTwo/FormTwo.jsx b/src/pages/Enrollment/FormTwo/FormTwo.jsx deleted file mode 100644 index 56bcd70..0000000 --- a/src/pages/Enrollment/FormTwo/FormTwo.jsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react' -import Input from '../../../components/Input/Input' -import Header from '../../../components/Header/Header' -import SubmitButton from '../../../components/SubmitButton/SubmitButton' - -const FormTwo = () => { - return ( -
-
- - - -
- ) -} - -export default FormTwo diff --git a/src/pages/Enrollment/FormTwo/FormTwo.module.css b/src/pages/Enrollment/FormTwo/FormTwo.module.css deleted file mode 100644 index 8b13789..0000000 --- a/src/pages/Enrollment/FormTwo/FormTwo.module.css +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/pages/Enrollment/PhotoCapture/PhotoCapture.jsx b/src/pages/Enrollment/PhotoCapture/PhotoCapture.jsx deleted file mode 100644 index 0b30848..0000000 --- a/src/pages/Enrollment/PhotoCapture/PhotoCapture.jsx +++ /dev/null @@ -1,52 +0,0 @@ -import React from 'react' -import Header from '../../../components/Header/Header' -import CardScanner from '../../../components/Card/CardScanner' -import styles from './PhotoCapture.module.css' -import { Button, Grid, Typography } from '@mui/material' - -const PhotoCapture = () => { - return ( - <> -
-
- -
- - - - - - - - -

-
- - - Please look into the camera

- Click Capture to Capture the photo

- Click Reset the remove the captured photo -
-
-
- - ) -} - -export default PhotoCapture diff --git a/src/pages/Enrollment/PhotoCapture/PhotoCapture.module.css b/src/pages/Enrollment/PhotoCapture/PhotoCapture.module.css deleted file mode 100644 index ec59f61..0000000 --- a/src/pages/Enrollment/PhotoCapture/PhotoCapture.module.css +++ /dev/null @@ -1,5 +0,0 @@ -.card__container { - display: flex; - justify-content: center; - } - \ No newline at end of file diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx deleted file mode 100644 index b132f12..0000000 --- a/src/pages/Home/Home.jsx +++ /dev/null @@ -1,30 +0,0 @@ -import React from 'react' -import { Link } from 'react-router-dom' - -import Card from '../../components/Card/Card' -import Header from '../../components/Header/Header' -import styles from './Home.module.css' - -const Home = () => { - return ( - <> -
-
- - - - - - -
- - ) -} - -export default Home diff --git a/src/pages/Home/Home.module.css b/src/pages/Home/Home.module.css deleted file mode 100644 index de1cead..0000000 --- a/src/pages/Home/Home.module.css +++ /dev/null @@ -1,4 +0,0 @@ -.card__container { - display: flex; - justify-content: center; -} diff --git a/src/pages/Update/Update.jsx b/src/pages/Update/Update.jsx deleted file mode 100644 index 0b448cf..0000000 --- a/src/pages/Update/Update.jsx +++ /dev/null @@ -1,7 +0,0 @@ -import React from 'react' - -const Update = () => { - return
Update
-} - -export default Update diff --git a/src/pages/Update/Update.module.css b/src/pages/Update/Update.module.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/routes/index.js b/src/routes/index.js deleted file mode 100644 index fc2aeea..0000000 --- a/src/routes/index.js +++ /dev/null @@ -1,38 +0,0 @@ -import React from 'react' -import { Route, Routes } from 'react-router-dom' - -import Home from '../pages/Home/Home' -import Enrollment from '../pages/Enrollment/Enrollment' -import Update from '../pages/Update/Update' -import PhotoCapture from '../pages/Enrollment/PhotoCapture/PhotoCapture' -import DocumentScanner from '../pages/Enrollment/DocumentScanner/DocumentScanner' -import FormTwo from '../pages/Enrollment/FormTwo/FormTwo' -import Address from '../pages/Enrollment/Address/Address' - -const Index = () => { - return ( - - } /> - - } /> - - } /> - - - } /> - - - } /> - - - } /> - - - - } /> - - - ) -} - -export default Index diff --git a/src/styles/GlobalVariables.css b/src/styles/GlobalVariables.css deleted file mode 100644 index a1e3384..0000000 --- a/src/styles/GlobalVariables.css +++ /dev/null @@ -1,8 +0,0 @@ -:root { - --color-black: #000; - --color-shadow: rgba(0, 0, 0, 0.24); - - --font-large: 4rem; - --font-medium: 2rem; - --font-medium-s: 1.25rem; -} -- cgit