lianaling / art-gallery-website Goto Github PK

Checklist 📋

Enables Artist and customers to register and use their accounts (User Maintenance)

• Add Forms Authentication (done at 69bd00f)
• Write the Login and Register UI (done at 69bd00f)
• Set up proper redirect logic (done at 69bd00f)
• Use session state to store use info (done at 69bd00f)
• Switch to newer ASP.NET Identity
• Add user's role to session state
• Display 'You are Artist' or 'You are Guest'

Allows Artists (logged in) to post their arts (images), view them as gallery, and handle the number of stocks for sale.

• Use GridView data bound control to allow CRUD (done at 481e0bf)
• Make the GridView beautiful (done at 481e0bf)
• Handle image uploading logic
• Add and delete an art
• Add proper SQL logic to GridView Event Handling

Additional Info 💡

Artist Dashboard UI

2021-08-02.18-54-46.mp4

Describe the bug
Vue does not pick up the Tailwind css as expected when the HTML code is put in <template> header. I have removed the HTML code from User.vue file to the User.aspx asp:Content container to see if Tailwind is working, and it is working fine when placed in the aspx file. However, Vue seems to have replicated a portion of the HTML code despite having empty code in <template>. I have restarted Visual Studio, Visual Studio Code and Git Bash respectively and rerun yarn dev multiple times to no avail.

To Reproduce
Steps to reproduce the behavior:

1. Go to user-page branch
2. Cut and paste the HTML code in User.aspx to User.vue under the <template> header
3. Run User.aspx
4. Change CSS settings
5. See error

Expected behavior
Vue should pick up the Tailwind css and change UI when the browser is refreshed.

Screenshots

Replication

Errors

E.g., the below Liana Ling will not change its font size when text-xl is changed to text-4xl.

Checklist 📋

• Create queries
• Register hidden field

Description 📝

Migrate User Page from using fake data to real data from the database.

Additional Info 🗨️

None

Checklist 📋

• Authentication UI (handles Sign Up / Login)
• Sign Up as Artist UI
• Web Service for handling form submit
• A auth page to handle login and logout

Description 📝

I'm going to add an Authentication Modal to the Master page and set up a web service (.asmx) for handling authentication

Additional Info 🗨️

Currently finished the login modal UI, still need to make it handle other actions such as Sign Up / Sign Up as Artist

Checklist 📋

• FavDetail.aspx for each user's Favourite
• Change profile picture at UserDetail.aspx
• Change password
• Page error handling
• Credit card input (User and Cart``)
• Use default address in Cart.aspx
• Purchase History
• Code error handling
• Overlay for CreateFav modal to prevent clicking on external areas
• Edit Error_Pages design
• Edit Construction.aspx design
• Sitemap
• Documentation

Description 📝

Some tweaks to the UI to complete the system functionality.

Additional Info 🗨️

Pure UI without any database integration but will work on the Code Behind files.

Checklist 📋

• Cart in frontend
• Checkout flow in backend
• Declare API route
• Cart.aspx - includes checkout
• Validation - shipping address, phone no, payment

Description 📝

Structure and implement the Payment flow.

Additional Info 🗨️

Using aspx controls instead of Vue.

• Add popover to purchase button - add to cart and purchase now. add to cart means user stay on page. purchase now means user gets directed to Cart.aspx.
• Create Cart.aspx page - cart on top, checkout below/beside

Checklist 📋

• Add art count in User.aspx
• Implement share` button functions
• Add Dashboard.aspx route & validation
• Remove save from Favourite collections (delete)
• Add visual feedback when saving/removing from Favourite
• Solve All saves logic parsing & display error
• Remove duplicates from All saves
• List the saved Favourite collection name under each art in All saves
• Solve All saves logic parsing & display error
• Remove duplicates from All saves
• List the saved Favourite collection name under each art in All saves
• Implement like button (insert & delete)
• Add Favourite Detail Page that will be linked to Art Detail Page
• Remove commented (discarded) code for easier reading

Description 📝

Some enhancements that can be done before Part 1 deadline.

Additional Info 🗨️

None

Checklist 📋

• Save
• Redirect to user page
• Redirect to ArtCard

Description 📝

Implement functionality in Home Page such as save button and the like.

• Create method in Vue
• Register as hidden field in C#
• Implement method

Additional Info 🗨️

None

Checklist 📋

• Set up User.aspx with Vue
• Code static UI
• Add dummy data from backend
• Add layover
• Adjust UI margin and padding layout

Description 📝

Code the user profile page UI according to Pinterest

Additional Info 🗨️

Refer to:

• Vue 3 documentation
• Tailwind CSS documentation

Checklist 📋

• Design UI
• Mock fake data
• Connect to database

Description 📝

Create Art Details Page after user clicks on an art in Home Page

Additional Info 🗨️

None