finalProject-alignatiev

.gitignore

@@ -0,0 +1,4 @@
+.env
+node_modules/*
+.DS_Store
+.git

README.md

@@ -1,34 +1,7 @@
 # Final Project
 *Due October 13th (final day of the term)*
 
-For your final project, you'll implement a web application that exhibits understanding of the course materials. 
-This project should provide an opportunity to both be creative and to pursue individual research and learning goals.
-
-## General description
-Your project should consist of a complete Web application, exhibiting facets of the three main sections of the course material:
-
-- Static web page content and design. You should have a project that is accessible, easily navigable, and features significant content.
-- Dynamic behavior implemented with JavaScript (TypeScript is also allowed if your group wants to explore it).
-- Server-side programming *using Node.js*. Typically this will take the form of some sort of persistent data (database), authentication, and possibly server-side computation. 
-- A video (less than five minutes) where each group member explains some aspect of the project. An easy way to produce this video is for you all the groups members to join a Zoom call that is recorded; each member can share their screen when they discuss the project or one member can "drive" the interface while other members narrate (this second option will probably work better.) The video should be posted on YouTube or some other accessible video hosting service. Make sure your video is less than five minutes, but long enough to successfully  explain your project and show it in action. There is no minimum video length.
-
-## Project ideation
-Excellent projects typically serve someone/some group; for this assignment you need to define your users and stakeholders. I encourage you to identify projects that will have impact, either artistically, politically, or in terms of productivity. 
-
-### Deliverables
-
-#### Form Team (due 9/25)
-Students are will work in teams of 3-5 students for the project; teams of two can be approved with the permission of the instructor. Working in teams should help enable you to build a good project in a limited amount of time.  Use the `#project-logistics` channel in Discord to pitch ideas for final projects and/or find fellow team members as needed.
-
-Teams must be in place by end of day on Sunday, September 25th. If you have not identified a team at this point, you will be assigned a team. You will be given some class time on Monday to work on your proposal, but please plan on reserving additional time outside of class as needed.
-
-#### Proposal (due 9/27) 
-Provide an outline of your project direction and the names of associated team members. 
-The outline should have enough detail so that staff can determine if it meets the minimum expectations, or if it goes too far to be reasonable by the deadline. Please include a general description of a project, and list of key technologies/libraries you plan on using (e.g. React, Three.js, Svelte, TypeScript etc.). Two to four paragraps should provide enough level of detail. Name the file proposal.md and submit a pull request by Tuesday, September 27th at 11:59 PM (end of day). Only one pull request is required per team.
-
-There are no other scheduled checkpoints for your project. 
-
-#### Turning in Your Project
+## Turning in Your Project
 Submit a second PR on the final project repo to turn in your app and code. Again, only one pull request per team.
 
 Deploy your app, in the form of a webpage, to Glitch/Heroku/Digital Ocean or some other service; it is critical that the application functions correctly wherever you post it.
@@ -42,7 +15,41 @@ The README for your second pull request doesn’t need to be a formal report, bu
 5. What each group member was responsible for designing / developing.
 6. A link to your project video.
 
-Think of 1,3, and 4 in particular in a similar vein to the design / tech achievements for A1—A4… make a case for why what you did was challenging and why your implementation deserves a grade of 100%.
+
+
+### The project of: 
+
+## Andrei Ignatiev
+[email protected]
+Glitch link:  https://glitch.com/~finalproject-alignatiev \
+Youtube video Link: https://www.youtube.com/watch?v=tt_XXqfLwu4
+
+
+
+
+I created a webpage similar to the one from A3. In fact, website navigation logic, a lot of the express framework, and CSS style sheets all carry over from that assignment. Thematically, this project acts as a portal for teachers working at a hypothetical high school. An educator with established credentials can log on to the site and use a dropdown menu to select the classes they wish to teach for the upcoming school year. Other functionalities include, the ability to alter core account data like the name and password, and viewing a color-coded mock schedule based on selected classes. To keep things simple, I have confined the user-base to teachers within the math department. It is also assumed that the teachers have had accounts created for them at an earlier date. Therefore, graders will need the account of a teacher to access the site:
+
+email: [email protected] (Mr. Colby King)
+password: changeMe
+
+email: [email protected]
+password: bcRox1
+
+
+
+
+For the schedule, I drew inspiration from my high school's somewhat complex yet interesting class structure. At this high school, a student's, or in this case a teacher's, courseload consists of seven classes. Each class is assigned to a block (A through G). On any particular full day of school, students attend five of the seven classes in letter order, an example would be d-e-f-g-a. To construct the schedule for the following day, one needs to simply drop the final two blocks from the preceding day, shift the surviving blocks forward, and add the two blocks that were absent from the schedule into the front of the day, so b-c-d-e-f. A new 'day' is proclaimed until the rotation returns to the first five day ordering. Thus, there are seven unique 'days' of school, with Day 1 being the five-class order that begins with block A.  Finally, when constructing a schedule, please note that teachers are allowed to have two of the seven blocks off. These are referred to as 'prep blocks' by the webpage. 
+
+In terms of my body of work on the assignment, most of my choices boil down to the fact that I am doing this project individualy. Although I tried to make my product as complex and unique as possible, constraints that naturally arise from not having partners forced me to simplify several aspects of my project.
+
+Technoligies used: \
+-MongoDB \
+-Express\
+-HTML/CSS/JS\
+*svelte/react to sharpen UI elements would be something I would have looked into if I had an extra day or two*
+
+One challenge involved handling the interplay between the dropdown menus and the server. Every time a user selects a new class, the server must fetch and/or alter the necessary fields inside of mongoDB. That, in tandem with conventional server-client interactions made for a lot of work. Another challenge was producing the visual representation of the schedule. The realization of the convuluted seven block, five class scheme added some algorithmic flair to my code that I'm fairly proud of. 
+
 
 ## FAQs
 

block.json

@@ -0,0 +1,35 @@
+[
+
+
+    {
+        "name": "A",
+        "classes": []
+    },
+    {
+        "name": "B",
+        "classes": []
+    },
+    {
+        "name": "C",
+        "classes": []
+    },
+    {
+        "name": "D",
+        "classes": []
+    },
+    {
+        "name": "E",
+        "classes": []
+    },
+    {
+        "name": "F",
+        "classes": []
+    },
+{
+        "name": "G",
+        "classes": []
+    }
+
+
+
+]

classes.json

@@ -0,0 +1,75 @@
+[
+    {
+        "code": "MC1",
+        "name": "H. Calculus",
+        "blocks": []
+    },
+    {
+        "code": "MC2",
+        "name": "AP Calculus AB",
+        "blocks": []
+    },
+    {
+        "code": "MC3",
+        "name": "AP Calculus BC",
+        "blocks": []
+    },
+    {
+        "code": "MC4",
+        "name": "Calculus",
+        "blocks": []
+    },
+    {
+        "code": "MC5",
+        "name": "Functions and Operations",
+        "blocks": []
+    },
+    {
+        "code": "MC6",
+        "name": "Geometry",
+        "blocks": []
+    },
+    {
+        "code": "MC7",
+        "name": "H. Geometry",
+        "blocks": []
+    },
+    {
+        "code": "MC8",
+        "name": "H. Algebra 2",
+        "blocks": []
+    },
+    {
+        "code": "MC9",
+        "name": "Algebra 2",
+        "blocks": []
+    },
+    {
+        "code": "MC10",
+        "name": "Statistics",
+        "blocks": []
+    },
+    {
+        "code": "MC11",
+        "name": "H. Statistics",
+        "blocks": []
+    },
+    {
+        "code": "MC12",
+        "name": "AP Statistics",
+        "blocks": []
+    },
+    {
+        "code": "MC13",
+        "name": "Pre-Calculus",
+        "blocks": []
+    },
+    {
+        "code": "MC14",
+        "name": "H. Pre-Calculus",
+        "blocks": []
+    }
+
+
+
+]

js/scripts.js

@@ -0,0 +1,3 @@
+// Add some Javascript code here, to run on the front end.
+
+console.log("Welcome to assignment 2!")

mongo.json

@@ -0,0 +1,161 @@
+[
+
+     {
+        "type": "teacher",
+        "name": "Joeseph Lentino",
+        "email": "[email protected]",
+        "password": "changeMe",
+        "classes": [],
+        "blocks": []
+    },
+    {
+        "type": "teacher",
+        "name": "Colby King",
+        "email": "[email protected]",
+        "password": "changeMe",
+        "classes": [],
+        "blocks": []
+    },
+    {
+        "type": "teacher",
+        "name": "Beth Schiller",
+        "email": "[email protected]",
+        "password": "changeMe",
+        "classes": [],
+        "blocks": []
+    },
+    {
+        "type": "teacher",
+        "name": "Ronald Mandavi",
+        "email": "[email protected]",
+        "password": "changeMe",
+        "classes": [],
+        "blocks": []
+    },
+
+
+
+
+
+    {
+        "type": "class",
+        "code": "MC1",
+        "name": "H. Calculus",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC2",
+        "name": "AP Calculus AB",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC3",
+        "name": "AP Calculus BC",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC4",
+        "name": "Calculus",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC5",
+        "name": "Functions and Operations",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC6",
+        "name": "Geometry",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC7",
+        "name": "H. Geometry",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC8",
+        "name": "H. Algebra 2",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC9",
+        "name": "Algebra 2",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC10",
+        "name": "Statistics",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC11",
+        "name": "H. Statistics",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC12",
+        "name": "AP Statistics",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC13",
+        "name": "Pre-Calculus",
+        "blocks": []
+    },
+    {
+        "type": "class",
+        "code": "MC14",
+        "name": "H. Pre-Calculus",
+        "blocks": []
+    },
+
+    {
+        "type": "block",
+        "name": "A",
+        "classes": []
+    },
+    {
+        "type": "block",
+        "name": "B",
+        "classes": []
+    },
+    {
+        "type": "block",
+        "name": "C",
+        "classes": []
+    },
+    {
+        "type": "block",
+        "name": "D",
+        "classes": []
+    },
+    {
+        "type": "block",
+        "name": "E",
+        "classes": []
+    },
+    {
+        "type": "block",
+        "name": "F",
+        "classes": []
+    },
+    {
+        "type": "block",
+        "name": "G",
+        "classes": []
+    }
+
+]