Yemeni-American Youth Center Website
I volunteered to make this website for the local youth center for the Yemeni community in Oakland CA. The project was made using GatsbyJS, React, GraphQl and styled with TailwindCSS. The site needed to be cost effective to maintain and had to have a language toggle to display Arabic content. The site uses NetlifyCMS for adding content.
Object Recognition Tool Frontend
I developed the ReactJS frontend for a course project that allows users to authenticate, store and view stored images. Objects in the images are then recognized using the object detection algorithm YOLOV3. The frontend communicated with a backend server via standard rest api. Images are stored in an S3 bucket according to the user pool offered by AWS Cognito. AWS Amplify was used hooking into AWS services on the client side. Stock images are pulled from Unsplash via REST api.
Buxury Furniture Listing App
iOS app that allows users to list, browse, and buy furntiture to rent or own. The app is developed in Swift using UIKit for UI elements. Data is stored on Google Cloud Platform's Firebase NoSQL database. Users are able to authenticate also through Firebase auth service.
Spring Pet Clinic Application
Spring learning project that allows the user authentication and managing booking vet appointments for their pets! Uses Maven and the Spring Boot including Spring Security and Spring Data. Server-side rendering is done using the Thymeleaf templating engine library.
Mohamed-Albgal.com
This website was designed using TailwindCSS and built using GatsbyJS. Static hosting is done on AWS S3 using CloudFront CDN for faster access. Content is decoupled from the code by storing it in YAML files whose keys become the props for the page components.