Code Monkey home page Code Monkey logo

stretchshop's Introduction

StretchShop

StretchShop is something most would call e-shop. It's created with simple goal - bring free but smart tool for someone, who wants to bring business online. In this phase, it's

It's fast & scalable e-business REST API backend (with compiled frontend included) based on node.js Moleculer framework, which makes it easy to run as monolithic or microservices application.

See https://stretchshop.app/ for more information - it's also running on StretchShop as monolith app that is extending public StretchShop.

Visit https://demo.stretchshop.app/ if you are looking for StretchShop microservices working online demo with almost 100k of generated demo products in categories and cart, with simple price and name filter. Hosted on a commercial cloud, running as docker microservices application without caching results to test the clean performance.

Quick start

There are 3 instalation options:

  1. npm - your own project. This is quick and easy way to create development environment for your own e-shop project that extends the public StretchShop, with demo data - so you can just try it in minutes.
  2. Docker - latest StretchShop container. Use this for quick demo of latest container - you may need data first.
  3. Git - for contributors. And everyone who like to see the code.

Learn more

For more information about Installation and Stretchshop itself visit Stretchshop Wiki.

stretchshop's People

Contributors

dependabot[bot] avatar wradgio avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

stretchshop's Issues

Update order process with COD

Update order process with COD, so it will be accepted only after user confirmed email and has filled full address with phone number.

Cache - order status does not change after paid

Order status is taken from cache and not updated from DB. After being paid, the record in DB is updated correctly, but cache record is not updated.

Use entityUpdated & .clearCache() from moleculer-db.
Check other edit actions in all related services if they need some update.

Update translations and fix user language logic

  1. Translation structure and strings are too old. Rebuild translation file located in public/project_dictionary.json using Jamlin and fix missing translations.
  2. Fix the logic of choosing up the language, so the URL language will always be respected.

PriceLevels

Add price lists that represent product price for specific type(s) of user.

Errors info

In forms I missing some info action, when errors are show. Everything work fine, but when form is too height I dont know, that I must scroll up :)

Activity for pages, categories and products

Add activity dates for:

  • pages
  • categories
  • products

Activity dates can be used to set the start or end of displaying the item. Logic should be able to handle items that have no activity parameter set as to be always displayed.

Product detail

Check if back-end is sending all required information, update if not and display it on default front-end.

Search filter

When I search for product Ferdo Mravec by keyword "ferdo", nothing was found.

Registration - email fields

When I try to register with incorrect email and email conform fields, I get error. This scenario is correct. But when I retype correct email address, error is still there - Values do not match.

Calling functions from pages

Make pages be able to call specific functions:

  • from some static code like {{{call_FunctionName(params)}}}
  • from WYSIWYG for some users (eg. admin, editor) {{{call_FunctionName(params)}}}

Update design

With the help of Figma try to clean up the design and test it with the backend (BE).

Code reviews

It's good to have feedback to code created. Feel free to share any ideas about code and logic optimization of existing code and logic. Please link lines of code with description, try to be constructive.

Improvements - Logged in - profile dashboard - delete my profile (GDPR)

Logged in - profile dashboard
I am missing:

  • delete my profile (GDPR)
  • tab with info about my orders

after add to cart animations
personaly I don´t like this animation :) I think that some better UX methods exist :)

products page
I think, that is better show all products there (or categories boxes). Empty page is not good.

product detail

  • open product image in modal
  • missing product details example like siye, color, etc

https://demo.storefrontcloud.io/women/tops-women/tees-women/tees-25/elisa-evercool-and-trade-tee-1465.html?childSku=WS06

Convert FE to Vue.js 3

To keep track of the latest features, move the version of the frontend (FE) framework Vue.js to version 3. That includes:

  1. replacing incompatible 3rd party tools with Vue.js 3 equivalents.
  2. clean up the FE code to respect the core Eslint of Vue.js 3.
  3. re-test the FE.

Handle verification

Verification flow:

  • user fills and sends registration.
  • username and email are verified on front and back.
  • email is sent to user with activation link.
  • clicking activation link redirects user page for verification.
  • if link si valid, redirects to profile.
  • if not valid, display error message

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.