Ramy Basuoney

Front End Engineer Born: 6 Oct 1993 / Cairo,Egypt Contacts: +01225913629 / ramybasuoney@gmail.com Ù‹Website: https://ramy-basuoney-652b1.web.app/

Experience

IT Manger in Compulap

Aug - 2015 / Apr - 2020
  • Team leader on the projects
  • Network architecture design
  • CCTV cameras network
  • Fix software problems
  • Sharing security access
  • Initializing Windows Computer

Freelancer

Oct-2020 / Nov - 2021
Youtube Clone
  • Design website UI
  • Used react.js for building this website
  • Create website components for multi uses
  • Used styled-components with buttons
  • Used redux for create a store to website
  • used react-hooks with interactive elements
  • Calling the apis data in my website
  • Used react-router to make it faster in navigating
  • Used sass to style to make it more organized file
  • The website have a full functionality like real youtube
Client - Portfolio
  • Design website UI on PSD
  • Used react.js for building this website
  • Create buttons components for use it many times
  • Convert the UI to jsx code
  • Used react-router to make it faster to navigating
  • Used react-hooks for menu toggle
  • Used sass and BEM method for class
  • Used npm packge for animations, carusol and icons

Baims Company

Dec-2021 / To Present
Old baims web
  • Fix UI responsive issues
  • Fix sidebar UI issues
  • Fix watching lecture page UI issues
Subject page
  • Develop subject page UI based on Figma design
  • Create generic componets for instructor section
  • Create submit review popup
  • Create slider for similar subjects
  • Add skeleton when content is loading
  • Integrate page endpoint with UI
  • integrate payment methods
Home page enhancements
  • Show the teachers based on user location
  • Implement based on location to algilia dropdown
  • Refactor choose breadcrumb on mobile based on new design
  • Fix broken teachers slider on jordan location
  • Fix ui issues on long screens and larg screens too
Search page Based on (Algolia)
  • Integrate algolia instant search with the search page
  • Develop search page UI based on Figma design
  • Create generic componet based on index type subject, pakage, instructor, etc....
  • Apply algolia filters on dashbord and then display them on sidebar filter
  • Apply breadcrumb filters
  • Add create custom breadcrumb on filters
I participated in live-session page
  • Develop live-session UI based on Figma design
  • Create edit live-session popup
  • Create members popup
  • Add instructor component
  • Add payment methods
Teacher portal
  • Develop teacher portal UI based on Figma design
  • Create sidebar components with 3 layers nested based on page
  • Create teachers list with filters subscribers, currency, etc...
  • Create profile page with edit popup
  • Create teacher subjects page with breadcrumb filters
  • Create subject overview page with edit popup
  • Create subject courses page with edit popup
  • Add to subject course page drap & drop

Education

Bachelor of Information Technology ( IT ) From Thebes Higher Institute For Information Technology and Management on May 2015 with grade : Very Good ( GPA 3.24 ).

Languages and Technologies

Html; Css; Sass(Scss); Javascript(ES5/ES6); React/Redux/Styled-Components/React-Hooks/Next.js/Context-api; MaterialUI; Tailwind.CSS; Bootstrap;

Projects and Activities

Solution Center
  • Design website UI
  • Used BEM method to mange class easier
  • Used sass to style
  • Used 7-1 Sass architecture
  • Create variable page for colors and fonts
  • Used javascript to menu toggle and click events
  • Work on responsive code
  • Used css keyframes for animations
Computer Shop
  • Working on UI first
  • Used sass to style
  • Used 7-1 Sass Architecture and BEM method
  • Make grid system with flexbox
  • Deal with responsive size
Portfolio Template
  • Design website UI on PSD First
  • Convert this PSD to code
  • Used bootstrap4
  • Used fontawsome for fonts and icons
  • Make it responsive