Technologies

That

I

Use

HTML5

CSS3

Javascript

Typescript

SASS

Tailwind

Bootstrap

Shadcn UI

Nextjs

React

Firebase

Redux & Redux Toolkit

Tanstak React Query

React Hook Form

Git

Github

GraphQL

Some

Of

My

Projects

• 

  E-commerce store with dashboard

  This is a small e-commerce site with dashboard made with React.js and Typescript for type safe, if you are signed in your account info will be saved with Redux, if you are admin you can access the dashboard that contain nice insights that shows data made by charts.js library and get it’s data from API By Tanstack React Query, main e-commerce features are styled with SCSS like authentication, cart features, add new product or edit it with comfortable form managed by React Hook Form, you can also delete data from the app if you are signed in as admin and much more features with beautiful animations made by framer motion.

  account

  for

  test

  username: ahmedTarek

  password: 123456

  made with:

  • 
  • 
  • 
  • 
  • 
  • 

  CodeLive Demo
• 

  GraphQL Social Media App

  I Made this Social Media application with Next.js as a main framework with Typescript for type safe, I used GraphQL insted of REST APIs, Apollo Server handles backend side and Apollo Client takes the frontend side, for styling I used Tailwind CSS with Shadcn UI, for the database I used mongodb to store main data with cloudinary for save media.

  account

  for

  test

  username: ahmedTarek

  password: 123456

  made with:

  • 
  • 
  • 
  • 
  • 

  CodeLive Demo
• 

  CV Builder

  In this project I made a small web application with Next.js and Typescript to generate a professional Resumes to get hired in your dream company, You can sign in with credintials or with google account or github account, this process done with firebase auth, when you want to create a new CV you will find a comfortable and efficent form managed by React Hook Form, and when you submit your CV data it will be saved in your account on firebase cloud firestore, if it contains personal images it will be saved on firebase cloud storage, firebase handled alot of work in this project, if you want to download your CV or preview it the react-pdf library will do that for you, all this app styled with Tailwind css and shadcn-ui.

  account

  for

  test

  username: ahmedellabana7@gmail.com

  password: mycVapp558

  made with:

  • 
  • 
  • 
  • 
  • 
  • 

  CodeLive Demo
• 

  Github Search

  This app I made with vanilla javascript to search in github user profiles, typescript was important for type safe in this project and use OOP features that doesn't exists in vanilla javascript, I used github RESTful API to get user profiles data and there repos and fetch them with pagination technique, each repo has single page to show it's info and files, files can be opend in external page from same app with text highlighting.

  made with:

  • 
  • 
  • 
  • 
  • 

  CodeLive Demo
• 

  Hijama Website

  This is a personal website for a professional Hijama (cupping therapy) practitioner. It was built with modern web technologies including React.js, TypeScript, and Tailwind CSS. The site is designed to be simple, responsive, and user-friendly.

  made with:

  • 
  • 
  • 

  CodeLive Demo
• 

  Social media app

  Small social media app that's has main features like Authentication, make posts, delete them and update them, make comment on posts, display posts on home page with pagination.

  account

  for

  test

  username: real_ahmed_with_img123

  password: 123456

  I'm not the owner of the API that I used in this project, so I'm not responsible for any bad content displayed by other users of this API.

  made with:

  • 
  • 
  • 
  • 

  CodeLive Demo