diff --git a/FrontEnd/index.html b/FrontEnd/index.html index 528910c..378c236 100644 --- a/FrontEnd/index.html +++ b/FrontEnd/index.html @@ -1,15 +1,14 @@ - + - - + MiniBlogListApp -
+
- + diff --git a/FrontEnd/public/vite.svg b/FrontEnd/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/FrontEnd/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/FrontEnd/src/components/AccountForm.jsx b/FrontEnd/src/components/AccountForm.jsx index 19a2a21..15cc929 100644 --- a/FrontEnd/src/components/AccountForm.jsx +++ b/FrontEnd/src/components/AccountForm.jsx @@ -10,8 +10,8 @@ import Stack from 'react-bootstrap/Stack' const AccountForm = ({ user, setUser, setError, setMessage, },) => { - const [username, setUsername,] = useState('',) - const [password, setPassword,] = useState('',) + const [username, setUsername,] = useState('admin',) + const [password, setPassword,] = useState('password',) const loginHandler = (event,) => { event.preventDefault() @@ -47,13 +47,13 @@ const AccountForm = ({ user, setUser, setError, setMessage, },) => { Username: - { setUsername(target.value,) }} name='username' placeholder='username' type='text' /> + { setUsername(target.value,) }} name='username' placeholder='username' type='text' /> Password: - { setPassword(target.value,) }} name='password' placeholder='password' type='password' /> + { setPassword(target.value,) }} name='password' placeholder='password' type='password' /> diff --git a/README.md b/README.md index 8dee497..cfe0911 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,9 @@ This project is a mini web application built with React, Vite, and Bootstrap. It ## Lives +- The base user is: admin +- The base password is: password + - [Vanilla FrontEnd](https://minibloglistappvanilla.onrender.com "Just with states") - [ Redux FrontEnd](https://minibloglistapp.onrender.com "Using reduxjs/toolkit") - [ Query FrontEnd](https://minibloglistappquery.onrender.com "Using the react query lib and some contexts") diff --git a/ReactQuery_FrontEnd/index.html b/ReactQuery_FrontEnd/index.html index 528910c..378c236 100644 --- a/ReactQuery_FrontEnd/index.html +++ b/ReactQuery_FrontEnd/index.html @@ -1,15 +1,14 @@ - + - - + MiniBlogListApp -
+
- + diff --git a/ReactQuery_FrontEnd/public/vite.svg b/ReactQuery_FrontEnd/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/ReactQuery_FrontEnd/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/ReactQuery_FrontEnd/src/components/AccountForm.jsx b/ReactQuery_FrontEnd/src/components/AccountForm.jsx index e4f7a6e..e434811 100644 --- a/ReactQuery_FrontEnd/src/components/AccountForm.jsx +++ b/ReactQuery_FrontEnd/src/components/AccountForm.jsx @@ -19,8 +19,8 @@ const AccountForm = () => { const [notification, notificationDispatch,] = useContext(notificationContext,) const [user, userDispatch,] = useContext(userContext,) const navigate = useNavigate() - const password = useInput('password',) - const username = useInput('text',) + const password = useInput('password', 'password',) + const username = useInput('text', 'admin',) const loginHandler = (event,) => { event.preventDefault() diff --git a/ReactQuery_FrontEnd/src/hooks/useInput.js b/ReactQuery_FrontEnd/src/hooks/useInput.js index b6b88c7..8263967 100644 --- a/ReactQuery_FrontEnd/src/hooks/useInput.js +++ b/ReactQuery_FrontEnd/src/hooks/useInput.js @@ -1,7 +1,7 @@ import { useState, } from 'react' -export default (type,) => { - const [value, setValue,] = useState('',) +export default (type, initialValue,) => { + const [value, setValue,] = useState(initialValue || '',) const onChange = (event,) => { setValue(event.target.value,) } diff --git a/Redux_FrontEnd/index.html b/Redux_FrontEnd/index.html index 528910c..378c236 100644 --- a/Redux_FrontEnd/index.html +++ b/Redux_FrontEnd/index.html @@ -1,15 +1,14 @@ - + - - + MiniBlogListApp -
+
- + diff --git a/Redux_FrontEnd/public/vite.svg b/Redux_FrontEnd/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/Redux_FrontEnd/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/Redux_FrontEnd/src/components/AccountForm.jsx b/Redux_FrontEnd/src/components/AccountForm.jsx index 5b88cbf..2016c76 100644 --- a/Redux_FrontEnd/src/components/AccountForm.jsx +++ b/Redux_FrontEnd/src/components/AccountForm.jsx @@ -15,9 +15,9 @@ import useInput from '../hooks/useInput' const AccountForm = () => { const dispatch = useDispatch() const navigate = useNavigate() - const password = useInput('password',) + const password = useInput('password', 'password',) const user = useSelector((state,) => state.user,) - const username = useInput('text',) + const username = useInput('text', 'admin',) const loginHandler = (event,) => { event.preventDefault() diff --git a/Redux_FrontEnd/src/hooks/useInput.js b/Redux_FrontEnd/src/hooks/useInput.js index b6b88c7..8263967 100644 --- a/Redux_FrontEnd/src/hooks/useInput.js +++ b/Redux_FrontEnd/src/hooks/useInput.js @@ -1,7 +1,7 @@ import { useState, } from 'react' -export default (type,) => { - const [value, setValue,] = useState('',) +export default (type, initialValue,) => { + const [value, setValue,] = useState(initialValue || '',) const onChange = (event,) => { setValue(event.target.value,) }