Heyo! I'm Mo.
A full-stack developer from Manchester.
Check out my work
Tools I use
- HTML/CSS
- JavaScript/React
- GatsbyJS
- MongoDB
- Node.js
- Express
- Git/GitHub
About me
I am a full-stack developer specialising in building web applications with JavaScript and React. My goal is to deliver quality creative solutions across digital platforms and beyond. I enjoy working with others on exciting projects, learning new web technologies and keeping up to date with the latest trends & developments within the tech industry.
I have several years of experience working as a developer, both as a freelancer and for digital agencies developing websites for various clients. I also like to spend my free time sharpening my programming skills by building applications using React, which you can find below.
Projects
Car Trader
React
MongoDB
Express
Node
Tailwind
A car trader app built using the MERN stack with various CRUD operations that allow users to view the listing page, filter cars by different criteria, add a car by creating an account and delete or update the status of the added car from the profile page. The cars and user credentials are stored in MongoDB.
travelGram
React
MongoDB
Express
Node
Styled Components
Built using the MERN stack, travelGram is an app that allows you to upload and share your travel photos. You can view images uploaded by other users and also share their profile. travelGram is also responsive and users can view the app and upload images from different sized devices.
e-Shop
React
Redux
MongoDB
Express
Node
Tailwind
Stripe API
An eCommerce site built using the MERN stack. Users can view the products listing page, add products to the cart, select product quantity, view the cart page, delete items from the cart and make a test payment which was set up using the Stipe API. Redux was used for state management and Tailwind was used to style the site.
Invoice Tracker
React
MongoDB
Express
Node
This app enables users to create, track and manage their invoices by logging in or creating an account. User account details and invoices are stored in a database using MongoDB. Express was used to build the backend and React along with Redux was used to develop the frontend functionality for user authentication and invoice management.
Ready Recipes
GatsbyJS
WordPress
Styled Components
A food recipes site developed using GatsbyJS and WordPress as a headless CMS. GraphQL was used to query and render the WordPress data onto the frontend of the site. A blog section was developed and a custom post type was created to allow logged-in users to add their own recipes. Styled Components was used to style the site.
World Information App
React
CSS
A React app built using the REST Countries API where users can see all the countries from the API on the homepage, search for a country using the input field, click on a country to see more detailed information on a separate page and filter countries by region. Axios and the Fetch API were used to fetch and display the data from the API, React Router was used to navigate between pages and the theme toggle switcher was built using Styled Components.
Weather App
React
CSS
This app uses the OpenWeatherMap API to display the current weather forecast and details for any searched location. The Fetch API along with the useEffect and useState hooks were used to help with this implementation whilst props were used to pass data between components. The background image updates to the current weather of the location and validation was added to the input field to ensure it is required on submit and that a valid location is entered.
Fylo Landing Page
HTML
CSS/SCSS
A Frontend Mentor challenge where I built a responsive landing page. I was provided with a project brief and a mockup of how the page should look. To create the project, I used HTML & SCSS, Parcel to bundle the code, and the 7-1 folder structure method to organize my Sass files.