diff --git a/.glitch-assets b/.glitch-assets new file mode 100644 index 000000000..c91336540 --- /dev/null +++ b/.glitch-assets @@ -0,0 +1,3 @@ +{"name":"totoro-discord.gif","date":"2022-09-08T02:11:01.445Z","url":"https://cdn.glitch.global/0aa74afb-22fb-4b49-b65d-b23f93cbcb2a/totoro-discord.gif","type":"image/gif","size":12296,"imageWidth":498,"imageHeight":96,"thumbnail":"https://cdn.glitch.global/0aa74afb-22fb-4b49-b65d-b23f93cbcb2a/thumbnails%2Ftotoro-discord.gif","thumbnailWidth":330,"thumbnailHeight":64,"uuid":"ll8plSNfnt4eG39Z"} +{"name":"42637.jpg","date":"2022-09-08T02:16:21.413Z","url":"https://cdn.glitch.global/0aa74afb-22fb-4b49-b65d-b23f93cbcb2a/42637.jpg","type":"image/jpeg","size":687170,"imageWidth":3840,"imageHeight":1080,"thumbnail":"https://cdn.glitch.global/0aa74afb-22fb-4b49-b65d-b23f93cbcb2a/thumbnails%2F42637.jpg","thumbnailWidth":330,"thumbnailHeight":93,"uuid":"G5nK84bGnCXV9Euz"} +{"name":"5181a33c0955dee17b6e5752c09b9a3c.jpg","date":"2022-09-08T02:29:01.397Z","url":"https://cdn.glitch.global/0aa74afb-22fb-4b49-b65d-b23f93cbcb2a/5181a33c0955dee17b6e5752c09b9a3c.jpg","type":"image/jpeg","size":73852,"imageWidth":735,"imageHeight":405,"thumbnail":"https://cdn.glitch.global/0aa74afb-22fb-4b49-b65d-b23f93cbcb2a/thumbnails%2F5181a33c0955dee17b6e5752c09b9a3c.jpg","thumbnailWidth":330,"thumbnailHeight":182,"uuid":"zXIqK19zSkdzSQtp"} diff --git a/.wget-hsts b/.wget-hsts new file mode 100644 index 000000000..4657703d5 --- /dev/null +++ b/.wget-hsts @@ -0,0 +1,4 @@ +# HSTS 1.0 Known Hosts database for GNU Wget. +# Edit at your own risk. +# [:] +raw.githubusercontent.com 0 0 1664170090 31536000 diff --git a/README.md b/README.md index 1ba2c7a4c..696c56f62 100644 --- a/README.md +++ b/README.md @@ -1,116 +1,25 @@ -Assignment 3 - Persistence: Two-tier Web Application with Database, Express server, and CSS template -=== +Trang Pham -Due: September 22nd, by 11:59 AM. -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.) +## Glitch Site +https://a3-trangpham68.glitch.me/ -Baseline Requirements ---- +## My Todo List +A very basic to do list with field for user to add a task name and due date. -Your application is required to implement the following functionalities: +Using Table layout to store all the database of all the task with task name,dates for due dates and date till as well as delete option for each row. -- 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. -- Use of at least five [Express middleware packages](https://expressjs.com/en/resources/middleware.html). Explore! One of these five middleware -can be a custom function that you write yourself; if you choose to do this, make sure to describe what this function is in your README. -- Persistent data storage in between server sessions using [mongodb](https://www.mongodb.com/cloud/atlas) -- 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. +A server is created using Express for teh assignment +There are bugs to show proper Result information. The delete button doesn't seems to work. +For the Add task button, although it is throwing 503 error, whenever i reload the page and re log in, the new task is indeed added to the database. +The information is in the database, however the actual adding action seems to be throwing out error. -Your application is required to demonstrate the use of the following concepts: +Regarding the Middleware, I am using server-static, cookie-session, compression, helmet and passport. +Persistant data storage in mongodb +Regarding CSS Framework, I am using the Sakura framework sinc eit's provide a minimal yet still very popping and clean look to the app. -HTML: -- HTML input tags and form fields of various flavors (`