Esteros - Online ice cream shop

Husen — Mon, 29 Aug 2022 16:49:42 +0000

Overview of My Submission

My main inspiration in creating this project was the project that was used as an example for this Hackaton. That is, microservices-demo which is licensed under the Apache 2.0 license.

For the name of this project, I was inspired by the meme above. Hahahaha...

This meme basically describes how most Indonesian mothers respond when their child coughs. Most of them will immediately respond by saying "es terosss" which means "ice agaiiin". So, ice (or ice cream) is always considered the cause of our coughs.

Okay, time to get serious.

This project is a very simple web-based online ice cream shop. The app is powered by 3 microservices, all of which are written in TypeScript for the Node.js platform. The three microservices communicate with each other using Redis Pub/Sub, and are linked using API Gateway which is also written in TypeScript for the Node.js platform. To display the interface to the user, this application uses Svelte with its SvelteKit framework which is also written in TypeScript.

All data is stored in Redis using RedisJSON which can be retrieved with RediSearch, except photos stored in Minio.

Submission Category: Microservice Mavens

Language Used

Node.js (TypeScript) - Back-end microservices
Svelte (TypeScript) - Fron-end

Link to Code

https://github.com/hapakaien/esteros

heyhusen / esteros

Simple online ice cream shop with 3 microservices showcasing the power of Redis Stack.

Esteros

Esteros is a microservices demo application. Esteros consists of 4 microservices applications and a front-end. This app is a web-based online ice cream shop where users can search for the ice cream they like, add it to their cart, and purchase it.

This app was created to demonstrate the use of Redis and Minio in modern microservices based web development.

Click here for more screenshots.

How it works

Architecture

Esteros is composed of 4 microservices written in TypeScript (Node.js) that talk to each other over Redis Pub/Sub.

Service	Language	Description
front-end	Svelte (TypeScript)	Exposes an HTTP server to serve the website. Does not require signup/login and generates cookie-based session IDs for all users automatically.
api-gateway	Node.js (TypeScript)	Connecting all back-end microservices into one REST API.
product-service	Node.js (TypeScript)	Provides the list of products from a RedisJSON and ability to search products and get individual products.
cart-service	Node.js (TypeScript)

…

View on GitHub

Contributors

None

Additional Resources / Info

Many thanks to all the open source projects that have helped me in making this application.

Some of them are below.

Apart from the above, there are many others. However, it would be too long to explain one by one. Mainly which are dependencies of my project.

Thank you so much everyone for creating a project that has helped the work of many people.

Screenshoots

Homepage
Product detail
Cart
Order complete

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.

How to use UUID in Laravel

Husen — Wed, 17 Jun 2020 14:57:18 +0000

As we all know, Laravel provided Str helper to produce a UUIDv4. However, UUID is not the default primary key they use in their Eloquent. We must implement it ourselves.

In this article, I will share how use that helper to generate ID (primary key) in Eloquent automatically.

FYI, I used Laravel 6.x for this example. Maybe, you have to adjust some code, if you have different version.
I assume you have installed Laravel without a single table created.

Here are the simple steps:

Change the automatic increment primary key in the table to UUID.
Disable auto increment, change the table's primary key to String in Eloquent.
Use helper to generate UUID in Eloquent automatically.

Change the automatic increment primary key in the table to UUID

Let's take default User model as example.

The migration above will create users table with auto increment big integer id as primary key. We can change the migration to something like this.

If your table has been filled with some data, you must change the primary key by creating a new migration. Delete the primary key, and change the id type column to UUID.

Disable auto increment, and change the table's primary key to String in Eloquent

This is default User table.

We have to override getIncrementing() and getKeyType() method from system Model.

Actually, you can override this using the property. But, I prefer to use the methode. :)

Use helper to generate UUID in Eloquent automatically

And finally, add this to boot method of the Model.

At this point, UUID will automatically be filled. But, this only applies to ordinary Model. If you have a custom Pivot model, you must change it to be like this.

Bonus

Some of you might not want to bothered with the manual method above. So, I have provided a faster way.
This is the package that I made. You can read the documentation about how to use it.

DEV Community: Husen