Skip to content
View Dodobrat's full-sized avatar
👨‍💻
Working from somewhere
👨‍💻
Working from somewhere
  • Dreamix
  • Sofia, Bulgaria

Block or report Dodobrat

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Dodobrat/README.md

I'm Dodo, Dodobrat

Giving Google and Meta a run for their money since 2017

function Deyan(props){
  const {
    details = {
      fullName: "Deyan Bozhilov",
      age: "25",
      education: "Coventry University"
    },
    skills = [
      "react",
      "typescript",  
      "nodejs" 
    ],
    work = {
      company: "Dreamix",
      position: "React Developer"
    },
    goals = [
      "build something cool"
    ], 
    location = {
      city: "Sofia",
      country: "Bulgaria"
    }
  } = props;
  
  const {t} = useTranslation();

  return (
    <article className="flex bg-white dark:bg-black text-black dark:text-white rounded p-4 md:p-2 shadow-sm">
      <Avatar />
      <div className="grid gap-2">
        <h1 className="text-lg space-x-2">
          <span>{details.fullName}</span> 
          <span className="text-sm text-gray">{details.age}</span>
        </h1>
        <h4 className="text-md">{details.education}</h4>
	
        <div className="px-4 py-2 border">
          <p>{t('common.work')}: {work.company} as {work.position}</p> 
          <p>{t('common.location')}: {location.city}, {location.country}</p>
	</div>
	
        <ul className="flex flex-wrap items-center gap-2">
          {skills.map((skill) => (
            <li key={skill} className="p-2 rounded bg-indigo-500 text-white cursor-pointer select-none">
              {skill}
            </li>
          ))}
        </ul>
      </div>
    </article>
  );
};

export default Deyan;

line 69

Pinned Loading

  1. dodo-ui dodo-ui Public

    👾Simple React Component Library👾 👨‍💻With Utility Hooks & Functions👨‍💻

    TypeScript 3

  2. react-ui-kit react-ui-kit Public

    Easy to use React component library. For every install, I get an install 🤯

    TypeScript 1

  3. proompt proompt Public

    Prompt manager for architecture and image generation

    JavaScript