From eb1d4c99991c88d193e8520a571676fe1b9002b8 Mon Sep 17 00:00:00 2001 From: joanita-51 Date: Sat, 9 Jul 2022 15:12:09 +0300 Subject: [PATCH] set up --- package-lock.json | 2 ++ package.json | 2 ++ postcss.config.js | 6 ++++++ public/index.html | 1 - src/App.js | 2 -- src/components/Button.jsx | 9 +++++++++ src/components/Footer.jsx | 9 +++++++++ src/components/Header.jsx | 9 +++++++++ src/components/Navbar.jsx | 9 +++++++++ src/components/Sidebar.jsx | 9 +++++++++ src/components/UserProfile.jsx | 9 +++++++++ src/components/index.jsx | 0 src/index.css | 8 ++++++++ src/pages/Dashboard.jsx | 9 +++++++++ src/pages/Landing.jsx | 9 +++++++++ src/pages/Login.jsx | 9 +++++++++ src/pages/Logout.jsx | 9 +++++++++ src/pages/Notifications.jsx | 9 +++++++++ src/pages/Profile.jsx | 9 +++++++++ src/pages/Results.jsx | 9 +++++++++ src/pages/SignUp.jsx | 9 +++++++++ tailwind.config.js | 4 +++- 22 files changed, 147 insertions(+), 4 deletions(-) create mode 100644 postcss.config.js create mode 100644 src/components/Button.jsx create mode 100644 src/components/Footer.jsx create mode 100644 src/components/Header.jsx create mode 100644 src/components/Navbar.jsx create mode 100644 src/components/Sidebar.jsx create mode 100644 src/components/UserProfile.jsx create mode 100644 src/components/index.jsx create mode 100644 src/pages/Dashboard.jsx create mode 100644 src/pages/Landing.jsx create mode 100644 src/pages/Login.jsx create mode 100644 src/pages/Logout.jsx create mode 100644 src/pages/Notifications.jsx create mode 100644 src/pages/Profile.jsx create mode 100644 src/pages/Results.jsx create mode 100644 src/pages/SignUp.jsx diff --git a/package-lock.json b/package-lock.json index d90ad94..c6b1648 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,6 +17,8 @@ "web-vitals": "^2.1.4" }, "devDependencies": { + "autoprefixer": "^10.4.7", + "postcss": "^8.4.14", "tailwindcss": "^3.1.5" } }, diff --git a/package.json b/package.json index 214d3c7..0e76794 100644 --- a/package.json +++ b/package.json @@ -36,6 +36,8 @@ ] }, "devDependencies": { + "autoprefixer": "^10.4.7", + "postcss": "^8.4.14", "tailwindcss": "^3.1.5" } } diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..33ad091 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/public/index.html b/public/index.html index a7c6415..b93bdad 100644 --- a/public/index.html +++ b/public/index.html @@ -10,7 +10,6 @@ content="Web site created using create-react-app" /> - Quiz App diff --git a/src/App.js b/src/App.js index aac10eb..208f3f9 100644 --- a/src/App.js +++ b/src/App.js @@ -1,5 +1,3 @@ -import logo from './logo.svg'; -import './App.css'; function App() { return ( diff --git a/src/components/Button.jsx b/src/components/Button.jsx new file mode 100644 index 0000000..bb79ee4 --- /dev/null +++ b/src/components/Button.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Button = () => { + return ( +
Button
+ ) +} + +export default Button \ No newline at end of file diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx new file mode 100644 index 0000000..09379a2 --- /dev/null +++ b/src/components/Footer.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Footer = () => { + return ( +
Footer
+ ) +} + +export default Footer \ No newline at end of file diff --git a/src/components/Header.jsx b/src/components/Header.jsx new file mode 100644 index 0000000..041aba3 --- /dev/null +++ b/src/components/Header.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Header = () => { + return ( +
Header
+ ) +} + +export default Header \ No newline at end of file diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx new file mode 100644 index 0000000..afa1f4d --- /dev/null +++ b/src/components/Navbar.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Navbar = () => { + return ( +
Navbar
+ ) +} + +export default Navbar \ No newline at end of file diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx new file mode 100644 index 0000000..8ec5d80 --- /dev/null +++ b/src/components/Sidebar.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Sidebar = () => { + return ( +
Sidebar
+ ) +} + +export default Sidebar \ No newline at end of file diff --git a/src/components/UserProfile.jsx b/src/components/UserProfile.jsx new file mode 100644 index 0000000..5ea5b6d --- /dev/null +++ b/src/components/UserProfile.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const UserProfile = () => { + return ( +
UserProfile
+ ) +} + +export default UserProfile \ No newline at end of file diff --git a/src/components/index.jsx b/src/components/index.jsx new file mode 100644 index 0000000..e69de29 diff --git a/src/index.css b/src/index.css index bd6213e..5e7f87e 100644 --- a/src/index.css +++ b/src/index.css @@ -1,3 +1,11 @@ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap'); + +body { + margin: 0; + padding:0; + font-family: "Open Sans", sans-serif; +} + @tailwind base; @tailwind components; @tailwind utilities; \ No newline at end of file diff --git a/src/pages/Dashboard.jsx b/src/pages/Dashboard.jsx new file mode 100644 index 0000000..f493e64 --- /dev/null +++ b/src/pages/Dashboard.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Dashboard = () => { + return ( +
Dashboard
+ ) +} + +export default Dashboard \ No newline at end of file diff --git a/src/pages/Landing.jsx b/src/pages/Landing.jsx new file mode 100644 index 0000000..c6a0538 --- /dev/null +++ b/src/pages/Landing.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Landing = () => { + return ( +
landing
+ ) +} + +export default Landing \ No newline at end of file diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx new file mode 100644 index 0000000..45e3e9d --- /dev/null +++ b/src/pages/Login.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Login = () => { + return ( +
Login
+ ) +} + +export default Login \ No newline at end of file diff --git a/src/pages/Logout.jsx b/src/pages/Logout.jsx new file mode 100644 index 0000000..e8db2fc --- /dev/null +++ b/src/pages/Logout.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Logout = () => { + return ( +
Logout
+ ) +} + +export default Logout \ No newline at end of file diff --git a/src/pages/Notifications.jsx b/src/pages/Notifications.jsx new file mode 100644 index 0000000..82c0c0c --- /dev/null +++ b/src/pages/Notifications.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Notifications = () => { + return ( +
Notifications
+ ) +} + +export default Notifications \ No newline at end of file diff --git a/src/pages/Profile.jsx b/src/pages/Profile.jsx new file mode 100644 index 0000000..f52d50d --- /dev/null +++ b/src/pages/Profile.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Profile = () => { + return ( +
Profile
+ ) +} + +export default Profile \ No newline at end of file diff --git a/src/pages/Results.jsx b/src/pages/Results.jsx new file mode 100644 index 0000000..d99e158 --- /dev/null +++ b/src/pages/Results.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const Results = () => { + return ( +
Results
+ ) +} + +export default Results \ No newline at end of file diff --git a/src/pages/SignUp.jsx b/src/pages/SignUp.jsx new file mode 100644 index 0000000..1da72e9 --- /dev/null +++ b/src/pages/SignUp.jsx @@ -0,0 +1,9 @@ +import React from 'react' + +const SignUp = () => { + return ( +
SignUp
+ ) +} + +export default SignUp \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index d4828b4..1490793 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,6 +1,8 @@ /** @type {import('tailwindcss').Config} */ module.exports = { - content: ["./src/**/*.{js}"], + content: [ + "./src/**/*.{js,jsx,ts,tsx}", + ], theme: { extend: {}, },