Merge pull request #303 from martinyis/main

Added two react projects
devvsakib · Mar 18, 2023 · aa3fa9b · aa3fa9b · vercel · Mar 18, 2023
2 parents 312fe1a + 151c5f1
commit aa3fa9b
Show file tree

Hide file tree

Showing 67 changed files with 61,085 additions and 0 deletions.
diff --git a/PROJECTS/NotesApp-React/README.md b/PROJECTS/NotesApp-React/README.md
@@ -0,0 +1,58 @@
+## Project Name & Pitch
+
+#### Example:
+
+TweetWorld 
+
+
+## Project Status
+(only necessary if incomplete)
+
+#### Example:
+
+## Project Screen Shot(s)
+
+#### Example:   
+
+[ PRETEND SCREEN SHOT IS HERE ]
+
+[ PRETEND OTHER SCREEN SHOT IS HERE ]
+
+## Installation and Setup Instructions
+
+#### Example:  
+
+Installation:
+
+`npm install`  
+
+To Run Test Suite:  
+
+`npm test`  
+
+To Start Server:
+
+`npm start`  
+
+To Visit App:
+
+`localhost:3000/ideas`  
+
+## Reflection
+
+  - What was the context for this project? (ie: was this a side project? was this for Turing? was this for an experiment?)
+  - What did you set out to build?
+  - Why was this project challenging and therefore a really good learning experience?
+  - What were some unexpected obstacles?
+  - What tools did you use to implement this project?
+      - This might seem obvious because you are IN this codebase, but to all other humans now is the time to talk about why you chose webpack instead of create react app, or D3, or vanilla JS instead of a framework etc. Brag about your choices and justify them here.  
+
+#### Example:  
+
+This was a 3 week long project built during my third module at Turing School of Software and Design. Project goals included using technologies learned up until this point and familiarizing myself with documentation for new features.  
+
+Originally I wanted to build an application that allowed users to pull data from the Twitter API based on what they were interested in, such as 'most tagged users'. I started this process by using the `create-react-app` boilerplate, then adding `react-router-4.0` and `redux`.  
+
+One of the main challenges I ran into was Authentication. This lead me to spend a few days on a research spike into OAuth, Auth0, and two-factor authentication using Firebase or other third parties. Due to project time constraints, I had to table authentication and focus more on data visualization from parts of the API that weren't restricted to authenticated users.
+
+At the end of the day, the technologies implemented in this project are React, React-Router 4.0, Redux, LoDash, D3, and a significant amount of VanillaJS, JSX, and CSS. I chose to use the `create-react-app` boilerplate to minimize initial setup and invest more time in diving into weird technological rabbit holes. In the next iteration I plan on handrolling a `webpack.config.js` file to more fully understand the build process.
diff --git a/PROJECTS/NotesApp-React/build/android-chrome-192x192.png b/PROJECTS/NotesApp-React/build/android-chrome-192x192.png
diff --git a/PROJECTS/NotesApp-React/build/android-chrome-512x512.png b/PROJECTS/NotesApp-React/build/android-chrome-512x512.png
diff --git a/PROJECTS/NotesApp-React/build/apple-touch-icon.png b/PROJECTS/NotesApp-React/build/apple-touch-icon.png
diff --git a/PROJECTS/NotesApp-React/build/asset-manifest.json b/PROJECTS/NotesApp-React/build/asset-manifest.json
@@ -0,0 +1,13 @@
+{
+  "files": {
+    "main.css": "/NotesApp-React/static/css/main.3e28dd2b.css",
+    "main.js": "/NotesApp-React/static/js/main.3faa2a20.js",
+    "index.html": "/NotesApp-React/index.html",
+    "main.3e28dd2b.css.map": "/NotesApp-React/static/css/main.3e28dd2b.css.map",
+    "main.3faa2a20.js.map": "/NotesApp-React/static/js/main.3faa2a20.js.map"
+  },
+  "entrypoints": [
+    "static/css/main.3e28dd2b.css",
+    "static/js/main.3faa2a20.js"
+  ]
+}
diff --git a/PROJECTS/NotesApp-React/build/favicon-16x16.png b/PROJECTS/NotesApp-React/build/favicon-16x16.png
diff --git a/PROJECTS/NotesApp-React/build/favicon-32x32.png b/PROJECTS/NotesApp-React/build/favicon-32x32.png
diff --git a/PROJECTS/NotesApp-React/build/favicon.ico b/PROJECTS/NotesApp-React/build/favicon.ico
diff --git a/PROJECTS/NotesApp-React/build/index.html b/PROJECTS/NotesApp-React/build/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/site.webmanifest"/><title>React App</title><script defer="defer" src="/NotesApp-React/static/js/main.3faa2a20.js"></script><link href="/NotesApp-React/static/css/main.3e28dd2b.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
diff --git a/PROJECTS/NotesApp-React/build/site.webmanifest b/PROJECTS/NotesApp-React/build/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/PROJECTS/NotesApp-React/build/static/css/main.3e28dd2b.css b/PROJECTS/NotesApp-React/build/static/css/main.3e28dd2b.css
diff --git a/PROJECTS/NotesApp-React/build/static/css/main.3e28dd2b.css.map b/PROJECTS/NotesApp-React/build/static/css/main.3e28dd2b.css.map
diff --git a/PROJECTS/NotesApp-React/build/static/js/main.3faa2a20.js b/PROJECTS/NotesApp-React/build/static/js/main.3faa2a20.js
diff --git a/PROJECTS/NotesApp-React/build/static/js/main.3faa2a20.js.LICENSE.txt b/PROJECTS/NotesApp-React/build/static/js/main.3faa2a20.js.LICENSE.txt
@@ -0,0 +1,39 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/PROJECTS/NotesApp-React/build/static/js/main.3faa2a20.js.map b/PROJECTS/NotesApp-React/build/static/js/main.3faa2a20.js.map
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/site.webmanifest"/><title>React App</title><script defer="defer" src="/NotesApp-React/static/js/main.3faa2a20.js"></script><link href="/NotesApp-React/static/css/main.3e28dd2b.css" rel="stylesheet"></head><body><div id="root"></div></body></html>