vite implementation b00tc4mp#167

annagonzalez9 · Oct 21, 2024 · e12a4e5 · e12a4e5
1 parent 8ada7a6
commit e12a4e5
Show file tree

Hide file tree

Showing 82 changed files with 5,112 additions and 411 deletions.
diff --git a/staff/anna-gonzalez/.DS_Store b/staff/anna-gonzalez/.DS_Store
diff --git a/staff/anna-gonzalez/React.aitana/index.html b/staff/anna-gonzalez/React.aitana/index.html
diff --git a/staff/anna-gonzalez/React.aitana/main.js b/staff/anna-gonzalez/React.aitana/main.js
diff --git a/staff/anna-gonzalez/React.aitana/style.css b/staff/anna-gonzalez/React.aitana/style.css
diff --git a/staff/anna-gonzalez/React.firstAttempt/index.html b/staff/anna-gonzalez/React.firstAttempt/index.html
diff --git a/staff/anna-gonzalez/React.firstAttempt/main.js b/staff/anna-gonzalez/React.firstAttempt/main.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Button.js → .../anna-gonzalez/unsocial.8/compo/Button.js b/staff/anna-gonzalez/unsocial/compo/Button.js → .../anna-gonzalez/unsocial.8/compo/Button.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Code.js → staff/anna-gonzalez/unsocial.8/compo/Code.js b/staff/anna-gonzalez/unsocial/compo/Code.js → staff/anna-gonzalez/unsocial.8/compo/Code.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Compo.js → ...f/anna-gonzalez/unsocial.8/compo/Compo.js b/staff/anna-gonzalez/unsocial/compo/Compo.js → ...f/anna-gonzalez/unsocial.8/compo/Compo.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Form.js → staff/anna-gonzalez/unsocial.8/compo/Form.js b/staff/anna-gonzalez/unsocial/compo/Form.js → staff/anna-gonzalez/unsocial.8/compo/Form.js
diff --git a/...f/anna-gonzalez/unsocial/compo/Heading.js → ...anna-gonzalez/unsocial.8/compo/Heading.js b/...f/anna-gonzalez/unsocial/compo/Heading.js → ...anna-gonzalez/unsocial.8/compo/Heading.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Image.js → ...f/anna-gonzalez/unsocial.8/compo/Image.js b/staff/anna-gonzalez/unsocial/compo/Image.js → ...f/anna-gonzalez/unsocial.8/compo/Image.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Input.js → ...f/anna-gonzalez/unsocial.8/compo/Input.js b/staff/anna-gonzalez/unsocial/compo/Input.js → ...f/anna-gonzalez/unsocial.8/compo/Input.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Label.js → ...f/anna-gonzalez/unsocial.8/compo/Label.js b/staff/anna-gonzalez/unsocial/compo/Label.js → ...f/anna-gonzalez/unsocial.8/compo/Label.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Link.js → staff/anna-gonzalez/unsocial.8/compo/Link.js b/staff/anna-gonzalez/unsocial/compo/Link.js → staff/anna-gonzalez/unsocial.8/compo/Link.js
diff --git a/.../anna-gonzalez/unsocial/compo/ListItem.js → ...nna-gonzalez/unsocial.8/compo/ListItem.js b/.../anna-gonzalez/unsocial/compo/ListItem.js → ...nna-gonzalez/unsocial.8/compo/ListItem.js
diff --git a/...anna-gonzalez/unsocial/compo/Paragraph.js → ...na-gonzalez/unsocial.8/compo/Paragraph.js b/...anna-gonzalez/unsocial/compo/Paragraph.js → ...na-gonzalez/unsocial.8/compo/Paragraph.js
diff --git a/...-gonzalez/unsocial/compo/PasswordInput.js → ...onzalez/unsocial.8/compo/PasswordInput.js b/...-gonzalez/unsocial/compo/PasswordInput.js → ...onzalez/unsocial.8/compo/PasswordInput.js
diff --git a/...a-gonzalez/unsocial/compo/Preformatted.js → ...gonzalez/unsocial.8/compo/Preformatted.js b/...a-gonzalez/unsocial/compo/Preformatted.js → ...gonzalez/unsocial.8/compo/Preformatted.js
diff --git a/...f/anna-gonzalez/unsocial/compo/Snippet.js → ...anna-gonzalez/unsocial.8/compo/Snippet.js b/...f/anna-gonzalez/unsocial/compo/Snippet.js → ...anna-gonzalez/unsocial.8/compo/Snippet.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Span.js → staff/anna-gonzalez/unsocial.8/compo/Span.js b/staff/anna-gonzalez/unsocial/compo/Span.js → staff/anna-gonzalez/unsocial.8/compo/Span.js
diff --git a/staff/anna-gonzalez/unsocial/compo/Time.js → staff/anna-gonzalez/unsocial.8/compo/Time.js b/staff/anna-gonzalez/unsocial/compo/Time.js → staff/anna-gonzalez/unsocial.8/compo/Time.js
diff --git a/...-gonzalez/unsocial/compo/UnorderedList.js → ...onzalez/unsocial.8/compo/UnorderedList.js b/...-gonzalez/unsocial/compo/UnorderedList.js → ...onzalez/unsocial.8/compo/UnorderedList.js
diff --git a/...a-gonzalez/unsocial/compo/demo.index.html → ...gonzalez/unsocial.8/compo/demo.index.html b/...a-gonzalez/unsocial/compo/demo.index.html → ...gonzalez/unsocial.8/compo/demo.index.html
diff --git a/...anna-gonzalez/unsocial/compo/demo.main.js → ...na-gonzalez/unsocial.8/compo/demo.main.js b/...anna-gonzalez/unsocial/compo/demo.main.js → ...na-gonzalez/unsocial.8/compo/demo.main.js
diff --git a/.../anna-gonzalez/React.aitana/data/posts.js → staff/anna-gonzalez/unsocial.8/data/posts.js b/.../anna-gonzalez/React.aitana/data/posts.js → staff/anna-gonzalez/unsocial.8/data/posts.js
diff --git a/.../anna-gonzalez/React.aitana/data/users.js → staff/anna-gonzalez/unsocial.8/data/users.js b/.../anna-gonzalez/React.aitana/data/users.js → staff/anna-gonzalez/unsocial.8/data/users.js
diff --git a/staff/anna-gonzalez/unsocial.8/index.html b/staff/anna-gonzalez/unsocial.8/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Unsocial</title>
+    <link rel="shortcut icon" href="https://static-00.iconduck.com/assets.00/blank-yellow-icon-2048x2048-lzfypkl4.png"
+        type="image/x-icon"> <!--ICON OF THE PAGE-->
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <script src="data/users.js"></script>
+    <script src="data/posts.js"></script>
+
+    <script src="logic/createPost.js"></script>
+    <script src="logic/getPosts.js"></script>
+    <script src="logic/loginUser.js"></script>
+    <script src="logic/registerUser.js"></script>
+
+    <script src="proto-chain/index.js"></script>
+
+    <script src="compo/Compo.js"></script>
+    <script src="compo/Code.js"></script>
+    <script src="compo/Button.js"></script>
+    <script src="compo/Form.js"></script>
+    <script src="compo/Heading.js"></script>
+    <script src="compo/Image.js"></script>
+    <script src="compo/Input.js"></script>
+    <script src="compo/Label.js"></script>
+    <script src="compo/Link.js"></script>
+    <script src="compo/ListItem.js"></script>
+    <script src="compo/Paragraph.js"></script>
+    <script src="compo/PasswordInput.js"></script>
+    <script src="compo/Preformatted.js"></script>
+    <script src="compo/Snippet.js"></script>
+    <script src="compo/Span.js"></script>
+    <script src="compo/Time.js"></script>
+    <script src="compo/UnorderedList.js"></script>
+
+    <script src="view/CreatePost.js"></script>
+    <script src="view/Home.js"></script>
+    <script src="view/Login.js"></script>
+    <script src="view/PostItem.js"></script>
+    <script src="view/PostList.js"></script>
+    <script src="view/Register.js"></script>
+
+    <script src="main.js"></script>
+</body>
+
+</html>
diff --git a/...gonzalez/React.aitana/logic/createPost.js → ...a-gonzalez/unsocial.8/logic/createPost.js b/...gonzalez/React.aitana/logic/createPost.js → ...a-gonzalez/unsocial.8/logic/createPost.js
diff --git a/...a-gonzalez/React.aitana/logic/getPosts.js → ...nna-gonzalez/unsocial.8/logic/getPosts.js b/...a-gonzalez/React.aitana/logic/getPosts.js → ...nna-gonzalez/unsocial.8/logic/getPosts.js
diff --git a/...-gonzalez/React.aitana/logic/loginUser.js → ...na-gonzalez/unsocial.8/logic/loginUser.js b/...-gonzalez/React.aitana/logic/loginUser.js → ...na-gonzalez/unsocial.8/logic/loginUser.js
diff --git a/...nzalez/React.aitana/logic/registerUser.js → ...gonzalez/unsocial.8/logic/registerUser.js b/...nzalez/React.aitana/logic/registerUser.js → ...gonzalez/unsocial.8/logic/registerUser.js
diff --git a/staff/anna-gonzalez/unsocial/main.js → staff/anna-gonzalez/unsocial.8/main.js b/staff/anna-gonzalez/unsocial/main.js → staff/anna-gonzalez/unsocial.8/main.js
diff --git a/staff/anna-gonzalez/unsocial/style.css → staff/anna-gonzalez/unsocial.8/style.css b/staff/anna-gonzalez/unsocial/style.css → staff/anna-gonzalez/unsocial.8/style.css
diff --git a/...anna-gonzalez/unsocial/view/CreatePost.js → ...na-gonzalez/unsocial.8/view/CreatePost.js b/...anna-gonzalez/unsocial/view/CreatePost.js → ...na-gonzalez/unsocial.8/view/CreatePost.js
diff --git a/staff/anna-gonzalez/unsocial/view/Home.js → staff/anna-gonzalez/unsocial.8/view/Home.js b/staff/anna-gonzalez/unsocial/view/Home.js → staff/anna-gonzalez/unsocial.8/view/Home.js
diff --git a/staff/anna-gonzalez/unsocial/view/Login.js → staff/anna-gonzalez/unsocial.8/view/Login.js b/staff/anna-gonzalez/unsocial/view/Login.js → staff/anna-gonzalez/unsocial.8/view/Login.js
diff --git a/...f/anna-gonzalez/unsocial/view/PostItem.js → ...anna-gonzalez/unsocial.8/view/PostItem.js b/...f/anna-gonzalez/unsocial/view/PostItem.js → ...anna-gonzalez/unsocial.8/view/PostItem.js
diff --git a/...f/anna-gonzalez/unsocial/view/PostList.js → ...anna-gonzalez/unsocial.8/view/PostList.js b/...f/anna-gonzalez/unsocial/view/PostList.js → ...anna-gonzalez/unsocial.8/view/PostList.js
diff --git a/...f/anna-gonzalez/unsocial/view/Register.js → ...anna-gonzalez/unsocial.8/view/Register.js b/...f/anna-gonzalez/unsocial/view/Register.js → ...anna-gonzalez/unsocial.8/view/Register.js
diff --git a/...nna-gonzalez/React.unsocial/data/posts.js → staff/anna-gonzalez/unsocial.9/data/posts.js b/...nna-gonzalez/React.unsocial/data/posts.js → staff/anna-gonzalez/unsocial.9/data/posts.js
diff --git a/...nna-gonzalez/React.unsocial/data/users.js → staff/anna-gonzalez/unsocial.9/data/users.js b/...nna-gonzalez/React.unsocial/data/users.js → staff/anna-gonzalez/unsocial.9/data/users.js
diff --git a/...anna-gonzalez/React.unsocial/data/uuid.js → staff/anna-gonzalez/unsocial.9/data/uuid.js b/...anna-gonzalez/React.unsocial/data/uuid.js → staff/anna-gonzalez/unsocial.9/data/uuid.js
diff --git a/...f/anna-gonzalez/React.unsocial/index.html → staff/anna-gonzalez/unsocial.9/index.html b/...f/anna-gonzalez/React.unsocial/index.html → staff/anna-gonzalez/unsocial.9/index.html
@@ -11,9 +11,10 @@
 </head>
 
 <body>
-    <div id="root"></div>
+    <div id="root"></div> <!--where react renders the app, like a big container-->
+    <!--es un "lienzo" donde react dibuja toda la app, manipulando el DOM dinámicamente-->
 
-    <script src="data/uuid.js"></script>
+    <script src="data/uuid.js"></script> <!--code pieces-->
 
     <script src="logic/authenticateUser.js"></script>
     <script src="logic/createPost.js"></script>
@@ -23,11 +24,12 @@
     <script src="logic/getUserName.js"></script>
     <script src="logic/getUserUsername.js"></script>
 
+    <!--react libraries-->
     <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
 
+    <!--babel used to write JSX directly on the browser-->
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
-
     <script src="main.jsx" type="text/babel"></script>
 </body>
 

diff --git a/.../React.unsocial/logic/authenticateUser.js → ...alez/unsocial.9/logic/authenticateUser.js b/.../React.unsocial/logic/authenticateUser.js → ...alez/unsocial.9/logic/authenticateUser.js
diff --git a/...nzalez/React.unsocial/logic/createPost.js → ...a-gonzalez/unsocial.9/logic/createPost.js b/...nzalez/React.unsocial/logic/createPost.js → ...a-gonzalez/unsocial.9/logic/createPost.js
diff --git a/...nzalez/React.unsocial/logic/deletePost.js → ...a-gonzalez/unsocial.9/logic/deletePost.js b/...nzalez/React.unsocial/logic/deletePost.js → ...a-gonzalez/unsocial.9/logic/deletePost.js
diff --git a/...gonzalez/React.unsocial/logic/getPosts.js → ...nna-gonzalez/unsocial.9/logic/getPosts.js b/...gonzalez/React.unsocial/logic/getPosts.js → ...nna-gonzalez/unsocial.9/logic/getPosts.js
diff --git a/...zalez/React.unsocial/logic/getUserName.js → ...-gonzalez/unsocial.9/logic/getUserName.js b/...zalez/React.unsocial/logic/getUserName.js → ...-gonzalez/unsocial.9/logic/getUserName.js
diff --git a/...z/React.unsocial/logic/getUserUsername.js → ...zalez/unsocial.9/logic/getUserUsername.js b/...z/React.unsocial/logic/getUserUsername.js → ...zalez/unsocial.9/logic/getUserUsername.js
diff --git a/...alez/React.unsocial/logic/registerUser.js → ...gonzalez/unsocial.9/logic/registerUser.js b/...alez/React.unsocial/logic/registerUser.js → ...gonzalez/unsocial.9/logic/registerUser.js
diff --git a/staff/anna-gonzalez/React.unsocial/main.jsx → staff/anna-gonzalez/unsocial.9/main.jsx b/staff/anna-gonzalez/React.unsocial/main.jsx → staff/anna-gonzalez/unsocial.9/main.jsx
@@ -6,7 +6,7 @@ const { Component } = React
 class PasswordInput extends Component { //-----------PasswordInput class-----------
     constructor(props) {
         super(props)
-
+        //state used to control the type of password and the icon showd when click
         this.state = { type: 'password', status: '🔐' }
     }
 
@@ -24,6 +24,7 @@ class PasswordInput extends Component { //-----------PasswordInput class--------
     }
 }
 
+//props example: onLoggedIn & onRegisterClick (they're functions executed when login or register)
 function Login(props) { //-----------Login-----------
     return <section>
         <h2>Login</h2>
@@ -211,7 +212,7 @@ function CreatePost(props) {
 class App extends Component { //-----------App general Compo-----------
     constructor(props) {
         super(props)
-
+        //initial state:
         this.state = { view: typeof sessionStorage.loggedInUserId === 'undefined' ? 'login' : 'home' }
     }