Framer motion

View Live

---
title: My protafolio 
date: '2020-12-21'
tags: ['next js', 'CSS', 'styled-components ']
draft: false
summary: 'How to derive the OLS Estimator with matrix notation and a tour of math typesetting using markdown with the help of KaTeX.'
---

### Summary

 An interactive Nextjs portfolio that uses hosted Local JSON to data Object to demonstrate my work and development skills. I decided to use Nextjs as it provides very good support for SEO. and provides server side rendering out of the box.
### My Role
I took this project from idea, to conceptual design, mockup creation, Next.s programming up to deployment.

My Portfolio

---
title: Deriving the OLS Estimator
date: '2020-12-21'
tags: ['next js', 'math', 'ols']
draft: false
summary: 'How to derive the OLS Estimator with matrix notation and a tour of math typesetting using markdown with the help of KaTeX.'
---

## Summary

GiveStar is helping charities step confidently into a new world of digital, cashless fundraising. How? We’re empowering fundraisers by giving them the simple tools they need to unlock more donations than ever.

### My role: 

 build customer-facing Web-UI and back-end services for payment processing administration and management, using React.js, Next.js, Redux, node.js and mongodb.

GS Fund Rasing and donation payment

Thanks to my React skills your website/app will be dynamic instrument, no need for refreshing the page.

ReactJs

---
title: Deriving the OLS Estimator
date: '2020-12-21'
tags: ['next js', 'math', 'ols']
draft: false
summary: 'How to derive the OLS Estimator with matrix notation and a tour of math typesetting using markdown with the help of KaTeX.'
---

## Summary 

 Experimental project - Clean, minimalistic React music player web application.

React Music Player

---
title: Deriving the OLS Estimator
date: '2020-12-21'
tags: ['next js', 'math', 'ols']
draft: false
summary: 'How to derive the OLS Estimator with matrix notation and a tour of math typesetting using markdown with the help of KaTeX.'
---

## Summary

Shopping list project used as a proof of concept for dynamic rearrange divs in mongo db.

MERN shopping list

Thanks to my HTML5 skills your website can be scaled to any device and will perform brilliantly on mobile phones.

Semantic HTML

---
title: Deriving the OLS Estimator
date: '2020-12-21'
tags: ['next js', 'math', 'ols']
draft: false
summary: 'How to derive the OLS Estimator with matrix notation and a tour of math typesetting using markdown with the help of KaTeX.'
---

## Summary

 Elegant and vibrant e-commerce shop providing delicious ranges of jelly sweets. ,
### My Role  
Implementing web design and development principles to build stable web applications. Bringing mock-ups to life using HTML, CSS, Wordpress. Assessing UX and UI designs for technical feasibility. Testing to identify bugs and technical issues before and after deploying. I have developed this shop from scratch and have:
 - Designed the logo 
 - Developed e-shop (Wordpress) 
 - Shot products photos

Halal Sweet Treats

---
title: Deriving the OLS Estimator
date: '2020-12-21'
tags: ['next js', 'math', 'ols']
draft: false
summary: 'How to derive the OLS Estimator with matrix notation and a tour of math typesetting using markdown with the help of KaTeX.'
---

## Summary

Original fashion e-commerce website targeting ethnic minority shoppers. 
### My role: 
From brand creation to designing and launching the full e-commerce site. Versatile full-stack web development experience in a commercial setting. This website can be scaled to any device and perform brilliantly on mobile phones. Works consistently across different browsers and platforms. 

Octommerce Modest Clothing

---
title: Deriving the OLS Estimator
date: '2020-12-21'
tags: ['next js', 'math', 'ols']
draft: false
summary: 'How to derive the OLS Estimator with matrix notation and a tour of math typesetting using markdown with the help of KaTeX.'
---

## Summary

Modern Artist website for famous Egyptian Contemporary Painter.

### My role: 

From creating the branding to designing and launching the full e-commerce site. Standardized all output with a new, responsive, mobile-first approach and strategy.

Artist Mostafa Butt

Websites don't have to be static, I love making pages come to life.

Javascript

CSS is what gives your entire website a style. By using CSS language for interesting fonts, colours, and background images, I will make your webpage look slick and smart.

Using NextJs, I'll infuse your web app with SEO capabilities, and basing fast speed and server side rendering

NextJs

Reach who your competition neglects. I will make your digital content usable by as many people as possible. Accessibility solutions are not only for people with severe disabilities for life, they are  also for any person who has broken an arm or just can’t find their glasses.

Framer motion

I used Framer motion in two Projects: