Digital technology has propelled us forward to an exciting new era and has transformed almost every aspect of life. We’re more interconnected than ever as communication has become instant.
Working from home has now become the norm, helping us pivot to a new way of working during the pandemic. And our ability to reduce carbon emissions by attending work-related events online has meant that we’ve taken greater strides to combat global warming.
Continuing this trend is Shamshir Anees and his team, who have created an application that can host digital auctions. By using Redis, data transmission between components was carried out with maximum efficiency, providing users with real-time bidding updates on the dashboard.
Let’s take a look at how this was achieved. We’d also like to point out that we have a diverse range of exciting applications for you to check out on the Redis Launchpad.
From real-time vehicle tracking systems to empowering crop insurers in developing nations, our Launchpad winners have leveraged the power of Redis to create impactful applications.
So make sure to have a browse after this post!
How to build a SaaS platform that can host digital auctions
- What will you build?
- What will you need?
- Architecture
- How does it work?
- Getting started
- How data is stored
- Navigating the application
1. What will you build?
You’ll build an application that will allow users to attend and take part in digital auctions. The application will allow users to create an account, put in bids, and even set up their own auction. Below we’ll uncover the required components, their functionality, and how to deploy them within this architecture.
Ready to get started? Ok, let’s dive straight in.
2. What will you need?
- NodeJS: used as an open-source, cross-platform, backend JavaScript runtime environment that executes Javascript code outside a web browser.
- Amazon Cognito: used to securely manage and synchronize app data for users on mobile.
- Redis Enterprise Cloud: used as a real-time database, cache, and message broker.
- RedisJSON: used to store, update and fetch JSON values from Redis keys.
- Socket.IO: used as a library that provides real-time, bi-directional, and event-based communication between the browser and the server.
- AWS Lambda: used a serverless compute service that runs your code in response events and manages the underlying compute service automatically for you.
- Amazon SNS/Amazon SES: a fully managed messaging service for both application-to-application (A2A) and application-to-person (A2P) communication.
3. Architecture
4. How does it work?
All auctions
- NodeJS connects to the Redis Enterprise Cloud database.
- The frontend then communicates with the NodeJS backend through API calls.
- GET : /api/auctions fetches all the keys from Auctions Hash.
- NodeJS uses the Redis module to work with Redis Enterprise Cloud. The Redis client is then created using the Redis credentials and hmget(). This is the equivalent of the HMSET command that’s used to push data to the Redis database.
Each auction
- GET : /api/auctions/{auctionId} fetches each auction item by id.
- NodeJS uses the Redis module to work with Redis Cloud. The Redis client is then created using the Redis credentials and hmget(). This is the equivalent of the HMSET command that’s used to push data to the Redis database.
All bidding data of an auction item
- GET : /api/bidding/{auctionId}.
- NodeJS uses the Redis module to work with Redis Cloud. The Redis client is then created using the Redis credentials and hmget(). This is the equivalent of the HMSET command that’s used to push data to the Redis database.
Profile settings
- GET : /api/settings.
- NodeJS uses the Redis module to work with Redis Cloud. The Redis client is then created using the Redis credentials and hmget(). This is the equivalent of the HMSET command that’s used to push data to the Redis database.
User info
- GET : /api/users/{email}.
- NodeJS uses the Redis module to work with Redis Cloud. The Redis client is then created using the Redis credentials and hmget(). This is the equivalent of the HMSET command that’s used to push data to the Redis database.
5. Getting started
Prerequisites
- NodeJS
- NPM
Step 1: Clone the repo
https://github.com/redis-developer/NR-digital-auction-frontend
Step 2. Install the package dependencies
npm install is a npm cli-command that does the predefined thing i.e install dependencies specified inside package.json
npm install
Step 3. Building the application
npm build
Step 4. Starting the application
npm start
Step 5. Accessing the application
Step 6. Signing up to the application
Step 7. Sign-in
Step 8. Accessing the dashboard
Step 9. Listing the auction item
Step 10. Accessing the bidding page
6. How data is stored
The Redis Enterprise Cloud Database with RedisJSON module is what you’ll use to install the data.
Auctions
- Type - Redis Hash.
- Used for storing auctions data.
- UUID generated from the backend (NodeJS) serves as the key
- JSON data which includes keys - auctionId, auctionItemName, description,lotNo, quantity, buyersPremium, itemUnit, minBidAmount, bidIncrement, startDateTime, endDateTime, images, currentBid - servers as the value for Auctions hash.
- NodeJS connects to the Redis Cloud database. Meanwhile, the frontend communicates with the NodeJS backend through API calls.
- POST : /api/auctions.
- The request body has JSON data to be inserted into the database.
- NodeJS uses the Redis module to work with Redis Cloud. The Redis client is created. using the Redis credentials and hmset(). This is the equivalent of the HMSET command that’s used to push data to the Redis database.
Biddings
- Type - Redis Hash
- Used for storing the bids placed on each auction item
- NodeJS connects to the Redis Cloud database. The Frontend communicates with the NodeJS backend through API calls.
- POST : /api/bidding
- The request body has JSON data to be inserted into the database.
- AuctionId from request body servers as the key
- JSON data which includes keys - currentBid, currentBidTime, currentBidEndTime, and biddings array (id, auctionId, userId, username, bidAmount, bidTime) - servers as value
- The bidding array has all of the bids placed for a particular auction item.
- Based on the current BidEndTime and BidTime, the auction end date is extended based on the Dynamic closing concept.
- Current dynamic closing logic - If a new bid is placed within the last 5 minutes of the auction end time, the end time is extended by 1 hour.
- This will be configurable in the SaaS solution.
- NodeJS uses the Redis module to work with Redis Cloud. The Redis client is created using the Redis credentials and hmset(). This is the equivalent of the HMSET command that’s used to push data to the Redis database.
Profile Settings
- Type: string
- JSON data which includes keys - serves as a value
- NodeJS connects to the Redis Cloud database. The frontend communicates with the NodeJS backend through API calls.
- POST : /api/settings
- The request body has JSON data to be inserted into the database.
- NodeJS uses the Redis module to work with Redis Cloud. The Redis client is created using the Redis credentials and hmset(). This is the equivalent of the HMSET command that’s used to push data to the Redis database.
Users
- Type - Redis Hash
- Used for storing user details
- NodeJS connects to the Redis Cloud database. The Frontend communicates with the NodeJS backend through API calls.
- POST : /api/users
- The request body has JSON data to be inserted into the database
- The email id serves as the key
- The JSON data which includes keys - serves as a value
- NodeJS uses the Redis module to work with Redis Cloud. The Redis client is created using the Redis credentials and hmset(). This is the equivalent of the HMSET command that’s used to push data to the Redis database.
7. Navigating the application
Creating an account When you go onto the Digital Auction’s homepage, you’ll come across a range of items that are to be auctioned (see below). Click on the ‘Welcome’ button to create an account.
You’ll then be taken to the sign-up page. Enter your details and click ‘sign-up.’ Once you’ve completed the sign-up form, you’ll receive a confirmation email to activate your account.
Placing a bid Go to the homepage to have access to view all of the items and their auction details. All of the data here is being populated by RedisJSON and Redis Cloud. Scroll through the page and click on the item that you want to place a bid for.
When you click on an item, you’ll see the details for the bidding process at the top of the page. You’ll also have the option to set a reminder by receiving an email of whenever the bidding process of this item begins.
On the right-hand side of the image, you’ll see the highest bid that’s been placed for this item. Below is a list of previous bids made by different users which are updated in real-time.
Click on the ‘Place Bid’ button to make a bid.
To access the meta-data information or view more images of the item, simply scroll down the page (see below).
Viewing your Bidding History
Click on ‘My biddings’ at the top of the navigation bar to view your bidding history (see below).
Viewing upcoming auctions
Click on ‘Auctions’ at the top of the navigation bar to view all upcoming auctions.
Conclusion: Leveraging Redis and AWS to Empower Auctioneers with real-time Data
Digital technology has had a ripple effect across all aspects of modern life. The ability to complete important tasks online instead of in-person has revolutionized the way we live, helping us to reduce carbon emissions, save time from traveling and have instant access to reams worth of data that we never had before.
However, the success of such events hinges on a database’s ability to transmit data in real-time. Any blips in transmission would create a disconnect between users and the auction, impeding auctioneers’ reactions to bids. This would only result in frustration, disengagement, and a complete divorce of users from the application.
But thanks to Redis, the components that made up the architecture system became vastly more interconnected so data was able to be sent, processed, and received in real-time. Achieving this paves the way for a smooth bidding process where users can interact with events in real-time without interruptions, ultimately enhancing the functionality of the app.
NR-Digital-Auction is a fantastic example of how innovations can be brought to life by using Redis. Everyday programmers are experimenting with Redis to build applications that are impacting everyday life from around the world and you can too!
So what can you build with Redis? For more inspiration, you can head over to the Redis Launchpad to access an exciting range of applications.
Check it out. Be inspired. And have fun with Redis.