Home

About

Blogs

Packages

Projects

Gists

Favourites

Projects

Reval

Description

Web application marketplace designed exclusively for SMBs(Small and medium-sized Businesses), Featuring a Microfrontend architecture with Webpack Module Federation, ensuring enhanced flexibility and performance. The platform facilitates seamless communication between Microfrontends through the implementation of a standard event bus, eliminating the need for complex state management.

Tools

Module Federation

Webpack

Style-Wiz

SWC

Husky

Points

Using webpack module federation to implement Microfrontend architecture with enhanced flexibility and performance

Facilitating seamless communication between Microfrontends through the implementation of a standard event bus, eliminating the need for complex state management

Utilizing SWC to boost extensibility and performance through development and production environments

Composing comprehensive documentation using storybook, Gitlab Wiki, Markdown, and XMind

Gallery

Reval Back end

Description

Back-end side of a web application marketplace designed exclusively for SMBs(Small and medium-sized Businesses), Featuring a Nest.js application, ensuring efficiency and scalability.

Tools

Nest.js

TypeORM

PostgreSQL

RxJS

Husky

Jest

Compodoc

Points

Utilizing Docker Compose to boost developer experience and efficiency

Composing comprehensive autogenerated documentation using Compodoc

Using ULID over incremental id due to having sortability, security, and compactness all together

PostgreSQL concurrent indexing to prevent locking concurrent write operations during index build process

Employing Active Record pattern of TypeORM to employ simplicity for better maintainability

Gallery

Minimal UI

Description

Three NPM packages for Idekavan organization's frontend team toolkit, encompassing UI Kits, Hooks, and Utils, harnessing the capabilities of NPM packages to elevate frontend development, mitigate inconsistency, and eradicate redundancy and duplication across the organization.

Tools

Storybook

Rollup

Jest

Semantic Release

TypeDoc

style-wiz

Husky

Points

Using webpack module federation to implement Microfrontend architecture with enhanced flexibility and performance

Gallery

Landingator

Description

Dynamic website builder with superfast and also up-to-date static pages using on-demand revalidation, comprehensive documentation, and advanced developer experience.

Tools

Next.js

Jest

React Testing Library

Material UI

next-i18next

SWR

Styled-Components

Points

Fast page load with incremental static regeneration ( ISR )

Up-to-date static pages with on-demand revalidation

Composing comprehensive documentation using storybook, Gitlab Wiki, Markdown, and XMind

Advanced developer experience using bash script for operations like dev, build, test and ...

Build-time generated stylesheets like tailwind, using scripts written in mjs

Considering SEO best practices

Optimizing meta tags

Defining canonical tags to avoid duplicate content

Adding schema tag ( rich result ) for blogs, faqs, businesses, breadcrumbs, ...

Gallery

Octava

octava.ir

Description

Fully-featured persian music streaming platform.

Tools

Next.js

SWR

Styled-Components

socket.io-client

i18next

Husky

Points

Superfast page load with incremental static regeneration ( ISR )

Extra client-server transport layer with HTTP proxy

Saving authorization token as an http-only cookie

Pass every API through the HTTP proxy and add the auth token to header

This way accessing token is a lot harder for malicious users (not impossible of course)

This method makes it possible to do more interesting and useful pieces of stuff like :

Hiding An IP Address

Filtering Requests

Protection And Security

etc.

Multi-language and multi-theme infrastructure

SEO first multi-language website

Multi-directional server-side rendered website

No flash theme change

Define custom themes

Data revalidation intervals on client-side

Considering SEO best practices

Optimizing meta tags

Defining canonical tags to avoid duplicate content

Adding schema tag ( rich result ) for media, breadcrumbs, ...

Client-side caching

Cache first - Network fallback strategy for layout, fonts, logos, avatar and other important data

Reading important data from cache and if failed fallback to network

Rendering a no network connection for completely disabled network connection cases

Faster and more user-friendly image load with the image optimization method

Loading images based on dimensions of the image and saving a lot of data and time

Showing a blurred version of the image at first makes waiting for larger images a lot more pleasant

Showing shimmer animation for unknown images that can't be blurred

Secure coding with front-end security checks

Mobile App User experience for PWA users by using mobile native components like a bottom sheet, bottom tabs navigator, and ...

Gallery

Uneed

uneed.ir

merchant.uneed.ir

Description

A platform for free posting of advertisements and inquiries regarding the purchase and sale of new and used products.

Tools

Next.js

Redux-Saga

Express

socket.io-client

Sass

Husky

i18next

Points

Using Next.js framework for server-side rendering

Following Micro Frontend principles

Localization and Internationalization

Using redux-saga as a redux async middleware

Gallery

Tarinoo

Description

Another product of uneed infrastructure, Tarinoo is a fully customizable store and site builder that handles end-to-end of B2C and B2B SMBs(Small and Medium-Sized Businesses) digital needs, including inventory and warehouse management, shipping, online payment gateway, CRM(Customer Relationship Management), and etc.

Tools

Next.js

Redux Toolkit

i18next

Points

Writing code once and using it in other sites with 4 different themes (till now)

Full control over product details, banners, contents and ..., like WordPress and Joomla.

Gallery

Behtarino

behtarino.com

gheymat.best

Description

With more than 5 million views per month, Behtarino is considered one of the largest(Yelp-ish) platforms for introducing and reviewing businesses in Iran.