diff --git a/.glitch-assets b/.glitch-assets new file mode 100644 index 000000000..ae1215967 --- /dev/null +++ b/.glitch-assets @@ -0,0 +1,4 @@ +{"name":"46913aad-4a11-4cd6-a1f8-541e5838c8c1.image.png","date":"2023-09-29T22:00:24.581Z","url":"https://cdn.glitch.global/da015f7d-b219-4c17-b748-d058dfd265bb/46913aad-4a11-4cd6-a1f8-541e5838c8c1.image.png","type":"image/png","size":61296,"imageWidth":900,"imageHeight":663,"thumbnail":"https://cdn.glitch.global/da015f7d-b219-4c17-b748-d058dfd265bb/thumbnails%2F46913aad-4a11-4cd6-a1f8-541e5838c8c1.image.png","thumbnailWidth":330,"thumbnailHeight":244,"uuid":"0CrwRQlk7L7QcLSP"} +{"name":"397c7094-d318-405e-9111-90b2b39373db.image.png","date":"2023-09-29T22:00:37.331Z","url":"https://cdn.glitch.global/da015f7d-b219-4c17-b748-d058dfd265bb/397c7094-d318-405e-9111-90b2b39373db.image.png","type":"image/png","size":61296,"imageWidth":900,"imageHeight":663,"thumbnail":"https://cdn.glitch.global/da015f7d-b219-4c17-b748-d058dfd265bb/thumbnails%2F397c7094-d318-405e-9111-90b2b39373db.image.png","thumbnailWidth":330,"thumbnailHeight":244,"uuid":"yKxZqZp89WFOqTBP"} +{"uuid":"yKxZqZp89WFOqTBP","deleted":true} +{"uuid":"0CrwRQlk7L7QcLSP","deleted":true} diff --git a/README.md b/README.md index 0127c5f1d..2cf7852c6 100644 --- a/README.md +++ b/README.md @@ -1,114 +1,20 @@ -Assignment 3 - Persistence: Two-tier Web Application with Database, Express server, and CSS template -=== +## Log Your Workout -Due: September 25nd, by 11:59 AM. +Sharon Wu +https://a3-sharon-wu.glitch.me/ -This assignnment continues where we left off, extending it to use the most popular Node.js server framework (express), -a database (mongodb), and a CSS application framework / template of your choice (Boostrap, Material Design, Semantic UI, Pure etc.) +The application allows users to keep records of their previous workouts including the day of the workout, what exercise was done, how many sets, reps, and the weight was lifted. During the development of this application, I had trouble converting to mongodb and storing information in the database when submitting the log. I had to restructure the data to be able to solve my issues. -Baseline Requirements ---- +I used GitHub OAuth because I felt that it would make the most sense to use this authentication strategy for this class as we are using GitHub to submit out assignments. -Your application is required to implement the following functionalities: +I chose to use Bootstrap as the CSS framework as it is commonly used and would have the most documentation for its features and how to use it. I made a few modifications to the framework such as the font. I overrided bootstrap's default font with the Oswald Google Font, and used my own color pallete for some features. -- a `Server`, created using Express (no alternatives will be accepted for this assignment) -- a `Results` functionality which shows all data associated with a logged in user (except passwords) -- a `Form/Entry` functionality which allows users to add, modify, and delete data items (must be all three!) associated with their user name / account. -- Persistent data storage in between server sessions using [mongodb](https://www.mongodb.com/cloud/atlas) (you *must* use mongodb for this assignment). -- Use of a [CSS framework or template](https://github.com/troxler/awesome-css-frameworks). -This should do the bulk of your styling/CSS for you and be appropriate to your application. -For example, don't use [NES.css](https://nostalgic-css.github.io/NES.css/) (which is awesome!) unless you're creating a game or some type of retro 80s site. - -Your application is required to demonstrate the use of the following concepts: - -HTML: -- HTML input tags and form fields of various flavors (`