Last active
September 7, 2020 13:18
-
-
Save iamskok/47149a1a4f2914646931ebb05dde6c95 to your computer and use it in GitHub Desktop.
New Dev Sandbox
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# DEV Sandbox | |
## Objective | |
Learn Shopify and practice JavaScript by following BVA styleguide. | |
Some designs might be simplified along the way. | |
## Links | |
### Git | |
- [Repo](https://github.com/bvaccel/dev-sandbox) | |
- [Testing branch](https://github.com/BVAccel/dev-sandbox/tree/testing-vlad) | |
### Shopify | |
- [Shopify store](https://new-dev-sandbox.myshopify.com) | |
- [Shopify theme](https://new-dev-sandbox.myshopify.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=44685623347) | |
- [Old Shopify theme(gulp)](https://new-dev-sandbox.myshopify.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=40014282803) | |
### Designs | |
- Homepage design | |
- [mobile](https://projects.invisionapp.com/d/main#/console/12756912/267224650/inspect) | |
- [desktop](https://projects.invisionapp.com/d/main#/console/12756912/267224649/inspect) | |
- Collections design | |
- [mobile](https://projects.invisionapp.com/d/main#/console/12756912/267513179/inspect) | |
- [desktop](https://projects.invisionapp.com/d/main#/console/12756912/267513180/inspect) | |
- Inline cart design | |
- [mobile](https://projects.invisionapp.com/d/main#/console/12756912/268550171/) | |
- [desktop](https://projects.invisionapp.com/d/main#/console/12756912/268550169/inspect) | |
### Asana | |
- [Asana main task (used time tracking)](https://app.asana.com/0/1118740324426411/1118719133271260) | |
- [Asana collections](https://app.asana.com/0/1118740324426411/1118722627102835) | |
- [Asana inline cart](https://app.asana.com/0/1118740324426411/1118722521568323) | |
- [Asana homepage](https://app.asana.com/0/1118740324426411/1118722347137883) | |
## Time estimate | |
### Homepage | |
- Promo bar (theme settings + styles) [5h] | |
- Header [15h] | |
- styles [4] | |
- js [4] | |
- main nav (linklist) [2h] | |
- extra nav [5h] | |
- nav list (linklist) [2h] | |
- search [3h] | |
- Slider [11h] | |
- Loop over collection's product images [3h] | |
- Javascript [4h] | |
- Styles [4] | |
- Popular Products [7h] | |
- Loop over popular collection product images [3h] | |
- styles [4h] | |
- Footer [12h] | |
- styles [3h] | |
- main nav (Linklist) [2h] | |
- extra nav [7h] | |
- sign up form [3h] | |
- social media (theme settings) [4h] | |
- QA 10% | |
- Padding 20% | |
Total: 65 hours | |
### Collections | |
- Navbar [11] | |
- Filter [12h] | |
- styles [3h] | |
- js [2h] | |
- markup [1h] | |
- Sort [5h] | |
- styles [1h] | |
- js [3h] | |
- markup (hardcoded) [1h] | |
- Awesome photos (section) [12h] | |
- styles [3h] | |
- markup (section) [3h] | |
- js [6h] | |
- Pagination [8h] | |
- markup [6h] | |
- styles [2h] | |
- Cards [16h] | |
- markup (loop over product color values) [6h] | |
- styles [6h] | |
- js [4h] | |
- QA 10% | |
- Padding 20% | |
Total: 62 hours | |
### Inline cart | |
- Markup [4h] | |
- header | |
- header button | |
- title | |
- card | |
- collapse container | |
- quantity component | |
- remove from cart | |
- checkout | |
- paypal checkout | |
- Styles [8h] | |
- JavaScript [16h] | |
- QA 10% | |
- Padding 20% | |
Total: 36hours | |
### Research [5h] | |
**Total: 174 hours** |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
DEV Sandbox
Objective
Learn Shopify and practice JavaScript by following BVA styleguide.
Some designs might be simplified along the way.
Links
Git
Shopify
Designs
Asana
Time estimate
Homepage
Total: 65 hours
Collections
Total: 68 hours
Inline cart
Total: 36hours
Research [5h]
Total: 174 hours