Frontend Development
I specialise in crafting beautiful and user-friendly designs using HTML, CSS, and JavaScript. My goal is to create web interfaces that not only look amazing but also provide a seamless and enjoyable experience for users.
Mohammed Hani
Full-Stack Developer, I Blend Web Development and Design with Critical Thinking and Extensive Problem-Solving Skills to Deliver Exceptional Projects
About Me.
I'm a Software Developer who started coding as a hobby, and it's turned into a passionate career. I specialise in JavaScript and Python, with expertise in ReactJS, Express.js, Node.js and Django.
I love learning and collaborating with teams to create efficient, user-friendly solutions for real-world problems. Let's connect and build something great!
- My Skills Are: HTML5, CSS, Git, JavaScript, Python, Node.js, Express, MongoDB, PostgreSQL, Django, React, and Tailwind
Technology Stack.
Full-Stack Development
In the world of full-stack development, I'm all about building versatile and user-centric applications. With the MERN stack (MongoDB, Express.js, ReactJS, Node.js) and Django, I bring your ideas to life. I'm skilled in handling CRUD operations, implementing OAuth for secure access, and working with both MongoDB and PostgreSQL databases to ensure your projects are robust and user-friendly.
Projects.
Website
GC Activity Rentals - Online Booking Platform
Collaborated with a teammate to build the fully responsive frontend for GC Activity Rentals, an online booking platform for an activity rental stand on the Gold Coast. Leveraged the MERN stack and Bulma CSS to create a user-friendly interface that allows customers to easily browse and book equipment. Implemented react-router-guards to manage access control for different user types and integrated react-toastify for sleek, real-time notifications, enhancing the overall user experience.
API
Pokemon API
Developed a simple Pokemon API using Flask to address the issue of the current Pokémon API being too advanced. Followed RESTful principles and utilized SQLAlchemy for data persistence and Marshmallow for data serialization to ensure a robust and user-friendly experience for accessing Pokemon data.
Terminal Application
Python Blackjack
This Blackjack terminal app, built using Python libraries, features the powerful playingcards.py module. By combining its functions, I've created custom functionality for a seamless and enjoyable Blackjack experience right in your terminal.
Website
Portfolio
I used HTML, CSS, and SCSS to build a website that adjusts smoothly to different devices, as part of my work at Coder Academy. This project illustrates my strong understanding of basic web development principles, ensuring the site looks great and works well on all screen sizes.
Website
The Emporium - The Marketplace for rare collectibles
This project was built using React, Express, MongoDB, Node.js, and Cloudinary for image uploading. It's a full MERN stack project with complete CRUD functionality, providing a platform for rare collectible enthusiasts. Users can upload their collectibles, and others can place bets on them!
Website
Dino Park - Gamified Productivity Timer
Dino Park, created using Django, PostgreSQL, HTML, CSS (with Tailwind CSS), and JavaScript. This app gamifies the Pomodoro technique for improved productivity. Users can log in, hatch dinosaur eggs during focused work sessions, and build their virtual "Dino Park." The project also involved using Photoshop for design and Git for version control.
Website
Workout Tracker
This project uses Node.js, Express, MongoDB, and EJS to make managing workouts easier. You can log in securely with Google, add exercises, and create personalized fitness plans effortlessly. It's a smart tool that makes your fitness journey simpler and more enjoyable.
Website
Pass The Pigs - Dice Variation
Developed a fully fun responsive website using HTML, CSS, and JavaScript for the Pass the Pigs dice game variation.
Contact Me.
I will read all emails. Send me a message and I'll get back to you!
I need your Name and Email Address, but you won't receive anything other than your reply.
Send Me A Message