person peeking from behind laptop
Available for new projects

Hi. I'm Yeabsira.

I specialize in transforming designs into functional, high-performance , scalable websites and web applications.

About Me

A glimpse into my world

hero

My Experience

A small list of cool things I use to construct my projects.

Next.Js

Typescript

Javascript

React

Redux

React Query

Tailwind

Node.Js

MongoDB

Express

Prisma

Sql

Git

Mantine UI
Performant
Reliable
Responsive
Robust
Scalable
Secure
Accessible
User Friendly
Maintainable
Interactive
Search Optimized
Usable
Performant
Reliable
Responsive
Robust
Scalable
Secure
Accessible
User Friendly
Maintainable
Interactive
Search Optimized
Usable

Real-world Results

Featured Projects

See how I transformed concepts into engaging digital experiences.

Top Projects

Breadit


Breadit is a full-stack website built using modern web technologies, including Next.js with the App Router, TypeScript, and Tailwind CSS. The project provides a smooth, dynamic user experience with features like infinite scrolling for loading posts, authentication via NextAuth with Google integration, and personalized feeds for authenticated users. It employs optimistic updates to enhance the user experience by reflecting changes immediately while processing, and advanced caching mechanisms using Upstash Redis.

  • Next.js
  • TailwindCSS
  • Postgres
  • Prisma
  • React Query
  • NextAuth
  • upstash
Breadit

Cypress


This project is a simplified clone of the popular productivity application, Notion. It's designed to replicate some of the core features of Notion, providing a platform where users can create, edit, and organize their notes in a flexible and intuitive interface.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
  • Clerk
Cypress

Rate My Uni (Hackathon Project)


The project is focused on building a simple, yet functional, web-based interface where students and users can rate universities based on various criteria (e.g., campus, academics). It aims to create a platform where users can submit and view ratings for different universities, much like popular 'Rate My Professor' services but focused on universities as a whole.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Rate My Uni (Hackathon Project)

Task Management Platform


Project management dashboard built with modern web technologies. It leverages Next.js for the frontend, styled with Tailwind CSS, and uses Redux Toolkit and Material UI for state management and data grid handling. The backend is powered by Node.js and Express, with Prisma as the ORM to interact with a PostgreSQL database.

  • Next.js
  • TailwindCSS
  • NeonDB
  • Express
  • Node.js
  • Prisma
  • Redux Toolkit
  • MUI
Task Management Platform

Ethiopian Elegance


E-commerce website designed to sell traditional Ethiopian clothing, jewelry, and home goods. The platform allows users to browse products by category, view detailed descriptions, and add items to a shopping cart. It includes essential e-commerce functionalities such as user account creation, order history tracking, and checkout with payment integration using Stripe.

  • MongoDB
  • Express
  • React.js
  • Node.js
  • TailwindCSS
  • Stripe
  • Mantine UI
Ethiopian Elegance

Next Js

Breadit


Breadit is a full-stack website built using modern web technologies, including Next.js with the App Router, TypeScript, and Tailwind CSS. The project provides a smooth, dynamic user experience with features like infinite scrolling for loading posts, authentication via NextAuth with Google integration, and personalized feeds for authenticated users. It employs optimistic updates to enhance the user experience by reflecting changes immediately while processing, and advanced caching mechanisms using Upstash Redis.

  • Next.js
  • TailwindCSS
  • Postgres
  • Prisma
  • React Query
  • NextAuth
  • upstash
Breadit

Cypress


This project is a simplified clone of the popular productivity application, Notion. It's designed to replicate some of the core features of Notion, providing a platform where users can create, edit, and organize their notes in a flexible and intuitive interface.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
  • Clerk
Cypress

Rate My Uni (Hackathon Project)


The project is focused on building a simple, yet functional, web-based interface where students and users can rate universities based on various criteria (e.g., campus, academics). It aims to create a platform where users can submit and view ratings for different universities, much like popular 'Rate My Professor' services but focused on universities as a whole.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Rate My Uni (Hackathon Project)

Task Management Platform


Project management dashboard built with modern web technologies. It leverages Next.js for the frontend, styled with Tailwind CSS, and uses Redux Toolkit and Material UI for state management and data grid handling. The backend is powered by Node.js and Express, with Prisma as the ORM to interact with a PostgreSQL database.

  • Next.js
  • TailwindCSS
  • NeonDB
  • Express
  • Node.js
  • Prisma
  • Redux Toolkit
  • MUI
Task Management Platform

Threads Clone


Threads Clone

  • Next.js
  • Tailwind
  • MongoDB
Threads Clone

MERN Stack

Ethiopian Elegance


E-commerce website designed to sell traditional Ethiopian clothing, jewelry, and home goods. The platform allows users to browse products by category, view detailed descriptions, and add items to a shopping cart. It includes essential e-commerce functionalities such as user account creation, order history tracking, and checkout with payment integration using Stripe.

  • MongoDB
  • Express
  • React.js
  • Node.js
  • TailwindCSS
  • Stripe
  • Mantine UI
Ethiopian Elegance

Gallery Glimpses


A gallery website where users can upload images in either private or public mode. If an image is set to private, only the uploader can view it. Public images are visible to all users.

  • React.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Gallery Glimpses

HTML/CSS

Space Tourism Website


Frontend Mentor Challenge to build a space tourism landing page.

  • JavaScript
  • HTML
  • CSS
Space Tourism Website

Clipboard


A history of everything you copy Clipboard allows you to track and organize everything you copy. Instantly access your clipboard on all your devices.

  • JavaScript
  • HTML
  • CSS
Clipboard

Rock Paper Scissors Game


A Rock Paper Scissors Game

  • JavaScript
  • HTML
  • CSS
Rock Paper Scissors Game

All Projects

Breadit


Breadit is a full-stack website built using modern web technologies, including Next.js with the App Router, TypeScript, and Tailwind CSS. The project provides a smooth, dynamic user experience with features like infinite scrolling for loading posts, authentication via NextAuth with Google integration, and personalized feeds for authenticated users. It employs optimistic updates to enhance the user experience by reflecting changes immediately while processing, and advanced caching mechanisms using Upstash Redis.

  • Next.js
  • TailwindCSS
  • Postgres
  • Prisma
  • React Query
  • NextAuth
  • upstash
Breadit

Cypress


This project is a simplified clone of the popular productivity application, Notion. It's designed to replicate some of the core features of Notion, providing a platform where users can create, edit, and organize their notes in a flexible and intuitive interface.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
  • Clerk
Cypress

Rate My Uni (Hackathon Project)


The project is focused on building a simple, yet functional, web-based interface where students and users can rate universities based on various criteria (e.g., campus, academics). It aims to create a platform where users can submit and view ratings for different universities, much like popular 'Rate My Professor' services but focused on universities as a whole.

  • Next.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Rate My Uni (Hackathon Project)

Task Management Platform


Project management dashboard built with modern web technologies. It leverages Next.js for the frontend, styled with Tailwind CSS, and uses Redux Toolkit and Material UI for state management and data grid handling. The backend is powered by Node.js and Express, with Prisma as the ORM to interact with a PostgreSQL database.

  • Next.js
  • TailwindCSS
  • NeonDB
  • Express
  • Node.js
  • Prisma
  • Redux Toolkit
  • MUI
Task Management Platform

Ethiopian Elegance


E-commerce website designed to sell traditional Ethiopian clothing, jewelry, and home goods. The platform allows users to browse products by category, view detailed descriptions, and add items to a shopping cart. It includes essential e-commerce functionalities such as user account creation, order history tracking, and checkout with payment integration using Stripe.

  • MongoDB
  • Express
  • React.js
  • Node.js
  • TailwindCSS
  • Stripe
  • Mantine UI
Ethiopian Elegance

Gallery Glimpses


A gallery website where users can upload images in either private or public mode. If an image is set to private, only the uploader can view it. Public images are visible to all users.

  • React.js
  • TailwindCSS
  • MongoDB
  • Express
  • Node.js
Gallery Glimpses

Space Tourism Website


Frontend Mentor Challenge to build a space tourism landing page.

  • JavaScript
  • HTML
  • CSS
Space Tourism Website

Clipboard


A history of everything you copy Clipboard allows you to track and organize everything you copy. Instantly access your clipboard on all your devices.

  • JavaScript
  • HTML
  • CSS
Clipboard

Rock Paper Scissors Game


A Rock Paper Scissors Game

  • JavaScript
  • HTML
  • CSS
Rock Paper Scissors Game

Threads Clone


Threads Clone

  • Next.js
  • Tailwind
  • MongoDB
Threads Clone

Contact Me

My inbox is always open. Whether you have a question or just want to say hello, I'll try my best to get back to you! Feel free to mail me about any relevant job updates.