View Site: Camping Supplies Site
Simple SPA displaying JSON variable objects information on HTML page. Home page for a camping supplies shop. Products for sale stored in JSON variable are looped through and displayed in a photo gallery style. Information for a specific product is dynamically loaded and displayed when the product is clicked on.
| Feature/Tool | Link | About |
|---|---|---|
| CSS Preprocessor: SaSS/ScSS | sass-lang.com | Preprocessor scripting language interpreted/compiled into Cascading Style Sheets (CSS) |
| PrePros | prepros.io | Compiler for SaSS/ScSS/CSS |
| JavaScript | Mozilla Developer Docs: What is JavaScript | Scripting language that enables creation of dynamically updating content, control multimedia, animate images, etc. |
| jQuery | jquery.com | Fast, small, & feature-rich JavaScript library that makes things like HTML document traversal and manipulation, event handling, animation, and Ajax simpler with an easy-to-use API that works across a multitude of browsers |
| HTML | Mozilla Developer Docs: HTMl | Markup language used to structure and give meaning to web content |
| CSS | Mozilla Developer Docs: CSS | Language of style rules used to apply styling to HTML content |
| Netlify | netlify.com | Deployed to Netlify via GitHub |
Screenshot/screen capture images of the site. Site can also be viewed live at Camping Supplies Site
| Home | Product Details |
|---|---|
 |
 |
