Demo website with the main focus being learning
Learning how to use and create carousels
Learning how to use a new library in this project, jQuery
Learning how to use a new framework in this project, Bootstrap
Learning how to use vite
TODOS:
General
Create a home page that looks like the design doc homepageCreate a item page schematica
Create a item page that interprets data to be read from provided componenet
Create a fake data list to be seeded by yours truly, should look something like this:
let lock-type = [
lock1 = {
Name:
Picture: /*(seperate folder for all the pictures)*/
Description:
},
lock2 = {
Name:
Picture:
Description
}, etc.
]
Home/Lockpage
Add a body to the lockAdd combinations keys onto the lock that work like a seamless drag carousel
Should probably add some contact information on the bottom of the lock to reach out to me, AKA socials. Should look up some font style that'll make it look engraved, or maybe give the font some sort of like indent to look scratched in?
The body of the lock could be a copper color, I should look up if I can make it have like the kind of streaked body it has, reference this: https://masterlocks.com/products/1up
IDEAS: 6/4/2024
REFERENCE: https://sass-lang.com/documentation/style-rules/parent-selector/Super cool ideas with the parent selector. Maybe when you hover an carousel item, can change the parent element to be like a transition or something and have a neat little animation run
For instance, hover a normal item and change the border of the parent to be a different color. Then, when you hover the on-sale item or what ever it will be called, you could have the parent element actually like do a cool animation of it moving something.
When finished, remove node_modules
REFERNCE: https://stackoverflow.com/questions/50675829/remove-node-modules-from-git-in-vscodeReceived feedback from a developer that its bad practice & kinda stupid to include node_modules in the pushed result. This is because if you fork it, your gonna npm install anyways
Guide here is describing how to remove it, theres a few different options