I am a Frontend Developer and a Graphic Designer. I work using HTML, CSS, Typescript, Bootstrap, Tailwindcss and library React.js (Front-end) & Adobe Photoshop, Adobe illustrator, Adobe Xd and Figma (Graphic Design). I believe having experience in both design,UI UX and development allows for making the most optimal user experiences. I have been working as a video editor for multiple clients; using Adobe Premiere I have done a few professional montages which you can check in my portfolio.

This project represents Ads models which are being displayed on digital advertising screen due to specific timeline and being controlled via Admin-dashboard website.

• Full Authentication using Firebase and Login using mobile verification
• List screen ads
• Create new screen ads
• Update existing screen ads
• Delete existing screen ads

Client: React, Redux, Redux Persist, TailwindCSS

Backend as a Service(BaaS): Firebase

UI/UX(Design): Figma

Design: https://www.figma.com/file/CGJ3x01M9w5Lzf6cHy3Aqd/Ads-models?node-id=0%3A1

• Dealing with firebase
  • Authentication E-mail and OTP.
  • Firestore store and get Data.
• Saving states via localstroage using Redux Persist.
• Set permissions for each page depends on the user role.## Color Reference

Clone the project

  git clone https://MostafaAmrHamed/ads-models

Go to the project directory

  cd ads-models

Install dependencies

  npm install

Start the server

  npm run start

• To use Admin-dashboard you have to get the role: Admin
• Login as Admin
  • E-mail: [email protected] / Password: Admin123
  • Phone: +201223411244 / Verification code: 123456