Shopping cart built utilizing NextJS and the React Context API
If you want to add Algolia to your own local version, take a look at the .example.env file and add the necessary info from Algolia's API
In order to add Google Analytics, add your App's tracking ID to the .example.env, which will start basic tracking. Look at the docs for Events and PageViews for more customized tracking in More Info
- Rename
.example.envbased on your own project - Refer to NextJS Docs for more info
-
Refactor
- Recommendation system
- Avoid prop drilling for recs
- Add subcomponents for dupe code
- Further refactor
- Favorites
- Leverage destructuring where applicable
- Recommendation system
-
Improve Algolia Implementation
- Further refactor
- Highlight matches in algolia search
- Match can be found in algolia response
- Improve responsiveness
- Improve design
-
Further utilize sass
- Other repeated styles
-
Long term styles w/ Chakra / Emotion / Tailwind ...?
-
Handle different quantity adding on subproduct pages
-
Refactor Carousel Styles
- Especially when smaller horizontal screens and screens with little vertical space
- Also on really large screens - Arrows get pushed
- Add down arrow to next section
-
Modal Colors
- Not a fan of button color combo when clear & delete
-
Refactor Hit to be robust enough to handle initial Algolia logo
-
Improve Product Cards and Favorites Card
- Differentiate or make robust enough to distinguish between
-
Create a popular items list
- Discount Code system...
- Discount system on recommended products ...?
- How to best handle...
- Apply discount for each product pair... add to cart together
- How to best handle...
- Discount system on recommended products ...?
- Check the Changelog
Removed 'Add to Cart' modal as it made the UX clunky. Keeping the component if anyone would like that implementation. Can see it's value with products that are highly customizable, but it's overkill in a generic cart system