ilkhoeri

PORTFOLIO

primitive

Creators

compactness the required dependencies

Construct and develop your web and mobile applications using straightforward dependencies. We need your skills to join in developing this joint project.

let's continue to https://github.com/ilkhoeri

2024 Apr - Present

Uiverse

ui elements

Contributors

HTML5 + CSS3/TailwindCSS

UI Elements in CSS & Tailwind, free to use, open-source, and customizable. Copy to Figma, or use on your website.

2024 Mar - Present

Majelis Taklim Ghidzail Qulub - Frontend

Developer and Mainteners

frontend web

Website of a community that is engaged in education and practice of worldly and hereafter knowledge.

2024 Feb - 2024 Mar

Majelis Taklim Ghidzail Qulub

religious activity

Web Developer

admin web fullstack

Website of a community that is engaged in education and practice of worldly and hereafter knowledge.

2024 Feb - 2024 Feb

ioeri-presetcss

npm

Development

Preset css compose integrated - for ioeri - any UI - tailwind - etc.

Installation: npm install postcss ioeri-presetcss

Usage:

Add ioeri-presetcss to your postcss.config.js

module.exports = {
  plugins: {
    'ioeri-presetcss': {
      colorSchemeAttr: 'class',
    },
  },
};

Match the colorSchemeAttr Attr value with the dark class attribute value in tailwind.config

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: ['class'],
  // ...
}

Now you have access to styling component in to theme.

Sample: Css classes

.class {
  color: light-dark(rgb(26 27 30), white);
}

tailwindcss classes

<span className="text-[light-dark(#1a1b1e,_#fff)]">My Text</span>

2023 Aug - 2023 Sep

ioeri-icons

npm

Development

Popular brand and unpopularity icons

Installation: npm install ioeri-icons@latest

Then import from ioeri-icons:

import { BrandTwitterX } from "ioeri-icons";

<BrandTwitterX size="lg" />

// @initial size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | (string & {}) | number | undefined

2023 Aug - 2023 Aug

cn-ex

npm

Creators

The utility functions of class string groups and conditionals

In practice, some of our syntax/code approach may be incompatible with the library and version you are using. 🏗️ You can join for testing or take part in providing updates.

2023 Aug - 2023 Aug

oeri-components

npm

Creators

Functional React components library package module

ioeri-components is a hight functionality ui component structure with minimal styling.
You can best style each component layout using classNames.
Very friendly if you use utility or vanilla style.
We created a simple logic to combine only a few selected components or Polymorphic Valid Components Property's.
Summarize several different components into one basic component according to the calling of the component name which will be followed by the default property.

2023 Aug - 2023 Aug

Oeriginal Store

e-commerce

Founder and Creators

frontend web fullstack

Oeriginal Store is an online retail store committed to providing a complete solution for your primary and secondary needs. With the spirit of originality and quality, we present a wide range of products ranging from stylish clothing to electronic products, and various daily necessities. We are committed to providing a safe, comfortable and satisfying online shopping experience for our customers.

2023 Apr - Present

Oeriginal Store - admin

e-commerce

Founder and Creators

admin web fullstack

We believe that every purchase is a reflection of each individual's unique lifestyle and needs. Therefore, Oeriginal Store is here to provide a pleasant online shopping experience and fulfill your needs with a collection of original and quality products.

2023 Mar - Present

CodePen

Social Development Environment

Contributors

Front-end Designers and Developers

CodePen is a community. Most creations on CodePen are public and open source. They are living things that other people and the community can interact with, from a simple hearting, to leaving a comment, to forking and changing for their own needs. My collection board reference at codepen.io/ilkhoeri/collections.

2022 Dec - Present

Created Berdikarier

berdikarier

Founder and Creators

frontend web fullstack

Information sharing database platform.

Berdikarier is designed to help every individual and/or Agency to connect and support each other to grow.
Become a 'reliable' platform in finding preferences & references on how to become a reliable entrepreneur or worker. Here you can find relationships, create affiliations, find ideal jobs, and so on.

2022 Nov - Present

Created Berdikarier - admin

berdikarier

admin web fullstack

Create a web application for admin with account authentication using library from clerk and minimize admin ui enough to maintain performance and development.

2022 Nov - Present

PDF