Git Product home page Git Product logo

nathanriojas / inigoglassgallery Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 114.46 MB

This was a website that I maintained for an Austin based company for about 3 years. I utilized Javascript, HTML, CSS, Bootstrap, Google Maps API, and Paypal checkout API to create it.

HTML 90.08% JavaScript 3.34% CSS 5.09% PHP 0.37% Python 1.12%
bootstrap3 css google-maps-api html javascript paypal-checkout

inigoglassgallery's People

Contributors

nathanriojas avatar

Stargazers

 avatar

Watchers

 avatar  avatar

inigoglassgallery's Issues

Image Loading Time

When visiting any of the gallery pages to look at the art pictures, the image loading time is too long (based on first time visiting). Looking into improving this in any way possible. Potential solutions include

  • Image file optimization to compress these files
  • Lazy loading of images not in view
  • Caching to improve return user interaction

    Improve the way images are added

    Based on the current way the site is done, the html pages for the three gallery pages could potentially grow very large, and become slightly confusing. It may be better to make some sort of template for the way the images are presented, and fill in the information (image source, paypal button, description/price) but looking at an external file. If the site were to be handed over to someone else, this would make it easy for them to add new pieces to the website, with minimal knowledge of web development.

    Arrow keys should work for carousels

    In the functional, pendants, and non functional pages, carousels should be able to be controlled by the arrow keys. This will make it easier to scroll between sections, rather than using the mouse.

    Fixing left and right arrows on carousels

    For functional, pendants, and nonfunctional carousels

    Though swiping or using the arrow keys is the main way users would probably navigate through the images , fixing the left and right arrow buttons would be add an extra user friendly touch.

    Currently, depending on the image size, the arrows get moved up or down as the carousel is scrolled through, which becomes somewhat annoying. In this case the arrows should always be in the same place.

    On mobile, if users wants to go to the next or previous page, they have to scroll back to the middle of the page and click the arrow. In this case, the arrows should be fixed to the section visible to the user as they scroll.

    Firefox nav bar has different design than chrome

    When opening the site in firefox, the nav bar doesn't have the organge-ish color chosen to match the company logo. Since most of the testing is done in chrome, this behavior was not double checked. Verify the website behavior is (mostly) uniform across the common browsers.

    Contact form

    Though the contact information is presented on the website. It would be nice to have a simple form where the users could write inquiries and send it to the owner's email address. This could just be a simple PHP form.

    Add to cart

    This is definitely low priority at the moment. But eventually integrating an add to cart option through paypal would look pretty nice on the website, and make it easier to purchase multiple items at once. Paypal developer has pretty extensive documentation to do so.

    Add style to paypal buttons

    The paypal buttons are currently using the default style and do not quit match the page. Maybe matching the color of the navigation bar would be a good look.

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google โค๏ธ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.