Hello, I'm Ranim Yassin

Summary

I am a passionate and dedicated software engineer with a strong foundation in web development and a keen interest in mobile app development.I thrive in collaborative environments and enjoy tackling complex challenges with innovative solutions.Having +4 year of experience in frontend, and +1 year of experience in backend, I am comfortable working with html, CSS, tailwindCss, Boostrap, JavaScript, reactjs, nextjs, nodejs, and flutter.

software engineer

Skills

TailwindTailwind
ReactReact
UI/UXUI/UX
jQueryjQuery
FlutterFlutter
SQLSQL
APIAPI
GodotGodot
CSSCSS
BootstrapBootstrap
ReduxRedux
FigmaFigma
NodeJsNodeJs
mongoDBmongoDB
HTMLHTML
javaScriptjavaScript
GithubGithub
NextJsNextJs
seoSEO

Projects

Card background
  • Flutter
CodeDemo
Card background

Arabhardware Mobile Application for latest news/events/reviews...

Arabhardware Application

Card background
  • Nextjs
  • TailwindCss
CodeDemo
Card background

Nvidia official website for office booking in Cairo

Nvidia Office

Card background
  • Nextjs
  • Framer motion
  • TailwindCss
CodeDemo
Card background

Nvidia Nights using Nextjs, tailwindcss

Nvidia Nights 5

Card background
  • Nextjs
  • HeroUI
  • TailwindCss
CodeDemo
Card background

Arabhardware my account website for logging in and searching throughout the websites using Nextjs, tailwindcss, APIs, HeroUI

My Account

Card background
  • Nextjs
  • HeroUI
  • TailwindCss
  • Qr-Reader
CodeDemo
Card background

Arabhardware Ramadan Raid 2025 Event using Nextjs, tailwindcss, APIs, HeroUI

Ramadan Raid 25

Card background
  • Nextjs
  • Nodejs
  • MongoDB
  • TailwindCss
CodeDemo
Card background

A website full of cool animations to give the spirit of the agency (from the past to the future)

Trendlix

Card background
  • Nextjs
  • Nodejs
  • MongoDB
  • TailwindCss
CodeDemo
Card background

Full stack with nodejs, nextjs, tailwindcss, gsap, and mongodb

Arabtec

Card background
  • Nextjs
  • Swiperjs
CodeDemo
Card background

Instead of plain pdf, this company profile is a swiper

Trendlix Profile

Card background
  • Nextjs
  • Nodejs
  • MongoDB
  • TailwindCss
CodeDemo
Card background

Gold Brand that is divided to Vivaci and SIPA, this website have an admin dashboard and authentication to add products for Vivaci or Sipa, and uses api to get the current gold prices in Egypt

DJM Gold

Card background
  • Nextjs
  • Nodejs
  • MongoDB
  • TailwindCss
CodeDemo
Card background

Solid Company, this website have an admin panel to add, show, delete products and an admin panel for adding new blogs for better SEO

ECMF

Card background
  • Nextjs
  • TailwindCss
CodeDemo
Card background

Libyan Food Company that makes different sort of sauces, front end, fully responsive website

Maggadit

Card background
  • Nextjs
  • TailwindCss
CodeDemo
Card background

Furniture website, frontend, fully responsive

Casadel Design

Card background
  • Nextjs
  • Nodejs
  • MongoDB
  • TailwindCss
CodeDemo
Card background

Made the blogs admin panel, and collaborate on the frontend

Farawla Tech

Card background
  • Nodejs
  • MongoDB
CodeDemo
Card background

A backend using Nodejs and Mongodb, a website similar to Windows24 website, with all its customization

Window

Card background
  • Flutter
  • MVVM
CodeDemo
Card background

I worked on this app as a flutter developer, the backend wasn't handled by me

Arabhardware Application

Card background
  • Flutter
  • MVVM
  • QA
CodeDemo
Card background

I worked on this app as a QA Engineer as well as a flutter developer, I've helped fix bugs and adding new features to inhance the ux of the site, I also contribute in the onboarding process of the fresh employee

Student Store

Card background
  • Javascript
  • Firebase
CodeDemo
Card background

Online chat where the user can sign in and enter the chat using his google email address, It was made using firebase, firestore, and javascript, with simple design that is compatable with mobiles

Ultimate Chat

Card background
  • React-JS
CodeDemo
Card background

Enter the first value on the top, and the second on the bottom, and then press the wanted operation, this will result that the bottom box will have the result of the operation, and it will be shown as will in the result place, and the top box to be empty and ready for the next operation

Simple Calculator

Card background
  • Javascript
CodeDemo
Card background

Number of games that you can try to play them now, they are simple games, like: memory, and they were fun to make and test

Game Center

Card background
  • Javascript
CodeDemo
Card background

Mini store will show you products with pagination, You can add products to the cart, as well as removing them, you can also confirm the shopping process, it was made only html, css, and js

Mini Store

Card background
  • HTML
  • CSS
CodeDemo
Card background

It was my first project that i made while attending the web design online course

First Website

Card background
  • HTML
  • CSS
  • BOOTSTRAP
CodeDemo
Card background

It was my second project that i made while attending the web design online course

Second Website

Card background
  • HTML
  • CSS
  • BOOTSTRAP
CodeDemo
Card background

It was my third project that i made while attending the web design online course

Third Website

Card background
  • CSS
  • Animation
CodeDemo
Card background

I've made this during a course i took and it was a lot of fun to make it and watch it, i know i could have done other interesting patterns but i wanted something unique and joyfull

Animal Race

Contact Me

By. Email By. Phone