Overview of My Submission
Shoppable is A Platform to create an online store for your business. Powered by Redis Stack!. You can visit it here
Submission Category:
My category would be Microservice Mavens as this project has 6 decoupled backend microservices and one frontend
Languages/Technologies Used
NodeJS
Angular
Redis Stack (RedisJSON, RedisSearch, Redis Streams)
Demo
Additional Info
Process Flow
- Merchant can register on the platform and create a store
- He can add the items to inventory
- A customer can visit that merchant store
- Customer can purchase items listed by merchant
- Merchant will receive the order and will fulfill it
- Customer will receive notifications regarding the order
Technical Overview
- There are 6 microservices (merchant, inventory, customer, order, update, file-upload)
- All servers are based on NodeJS
- The client is based on Angular and Angular Material
- An nginx is used to route request to various microservices as a reverse proxy
- Redis Stack is integrated with the help of Redis OM and Node Redis NodeJS libraries
- Redis Stack is hosted on Redis Cloud itself
- RedisJSON, RedisSearch and Redis Streams has been used
- RedisJSON is used to store JSON documents for various schema such as Merchant, Customer, Product, Order, etc.
- RedisSearch is used alongside RedisJSON to search through different repositories
- Redis Streams is used for publishing and listening to order updates and send email using Mailjet to the customer regarding the update
- Apart from this, Google Cloud Storage is also used to store images of the products uploaded by the merchant
Architecture
Application Screenshots
Merchant Login
Merchant Dashboard
Merchant Inventory
Merchant Add/Edit Product
Merchant Orders
Store Home
Product Page
Cart
Order Details
Email Notification
Link to Code
More details are available on the GitHub repo:
Shoppable - E-commerce for Everyone
A Platform to create an online store for your business Powered by Redis Stack!
Powered By
Redis Stack (RedisJSON, RedisSearch, Redis Streams) NodeJS Angular
Demo Video
Checkout video here
How it works
Process flow
- Merchant can register on the platform and create a store
- He can add the items to inventory
- A customer can visit that merchant store
- Customer can purchase items listed by merchant
- Merchant will receive the order and will fulfill it
- Customer will receive notifications regarding the order
Technical Overview
- There are 6 microservices (merchant, inventory, customer, order, update, file-upload)
- All servers are based on NodeJS
- The client is based on Angular and Angular Material
- An nginx is used to route request to various microservices as a reverse proxy
- Redis Stack is integrated with the help of Redis OM and Node Redis NodeJS libraries
- Redis Stack is hosted on Redis Cloud itself
- …
- Check out Redis OM, client libraries for working with Redis as a multi-model database.
- Use RedisInsight to visualize your data in Redis.
- Sign up for a free Redis database.
Top comments (2)
Cool demo and app! 🧡 (only wished the ball was that cheap irl 😆)
😂