Skip to content

Demo-Website with the main focus being learning how to create click-and-drag Carousel's

License

Notifications You must be signed in to change notification settings

Malekkos/Lock-Manufacturer-Website

Repository files navigation

Lock-Manufacturer-Website

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 homepage
   Create 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 lock
   Add 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-vscode
Received 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

About

Demo-Website with the main focus being learning how to create click-and-drag Carousel's

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published