From 25df1ec00c28b1f9271b1b55c398d42ff86bbabb Mon Sep 17 00:00:00 2001 From: "Mariah M. Rodrigues" Date: Mon, 25 Apr 2022 14:53:08 -0300 Subject: [PATCH 1/2] First Commit --- src/App.js | 19 +++---------------- 1 file changed, 3 insertions(+), 16 deletions(-) diff --git a/src/App.js b/src/App.js index 3784575..2b3633c 100644 --- a/src/App.js +++ b/src/App.js @@ -3,22 +3,9 @@ import './App.css'; function App() { return ( -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
+
+ Password Generator +
); } From 426d9b17f3662f61e988733e33541aa9682005a4 Mon Sep 17 00:00:00 2001 From: "Mariah M. Rodrigues" Date: Mon, 25 Apr 2022 17:17:03 -0300 Subject: [PATCH 2/2] Add PasswordForm comopnent --- public/index.html | 2 +- src/App.js | 4 +-- src/components/PasswordForm.jsx | 58 +++++++++++++++++++++++++++++++++ 3 files changed, 61 insertions(+), 3 deletions(-) create mode 100644 src/components/PasswordForm.jsx diff --git a/public/index.html b/public/index.html index aa069f2..72f1ba1 100644 --- a/public/index.html +++ b/public/index.html @@ -24,7 +24,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + Password Generator diff --git a/src/App.js b/src/App.js index 2b3633c..6d19e9f 100644 --- a/src/App.js +++ b/src/App.js @@ -1,10 +1,10 @@ -import logo from './logo.svg'; import './App.css'; +import PasswordForm from './components/PasswordForm'; function App() { return (
- Password Generator +
); } diff --git a/src/components/PasswordForm.jsx b/src/components/PasswordForm.jsx new file mode 100644 index 0000000..de633ca --- /dev/null +++ b/src/components/PasswordForm.jsx @@ -0,0 +1,58 @@ +import React from 'react'; + +function PasswordForm() { + return( +
+
+

Password Generator

+
+

Generate

+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+
+ ); +} + +export default PasswordForm;