Skip to content
View MohammedAbi's full-sized avatar

Block or report MohammedAbi

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
MohammedAbi/README.md

Hi

My name is Mohammed Abi

👨‍💻 Frontend Developer

I'm Mohammed Abdul Abi, graduated with a Higher Professional Degree in Front-End Development from NorOff Education AS. I also hold a Master’s in Synthetic Organic Chemistry from the Norwegian University of Life Sciences, where I developed strong analytical and problem-solving skills. After working as a chemist, I found my true passion in web development. For the past 2-3 years, I’ve been learning and practicing HTML, CSS, and JavaScript, and I’m eager to keep improving and learning more. I’d love the opportunity to connect and discuss how I can contribute to your team while continuing to grow as a front-end developer.


🚀 Currently Working On

  • Completing all projects in my front-end education
  • Personal side projects to enhance skills and creativity
  • Learning advanced JavaScript, modern frameworks, responsive design, accessibility, and performance optimization
  • Open to collaborating on front-end projects involving API integration, database interaction, and dynamic, data-driven applications

🌟 Projects Preview

Holidaze project VivaTrend project Echopost project

🛠️ Skills

Git JavaScript TypeScript VS Code HTML5 React CSS3 Sass TailwindCSS Chakra UI Bootstrap Webpack Vite NodeJS Express MongoDB Firebase Photoshop Figma


🌐 Socials


📊 GitHub Stats & Badges


🌟 Projects

1️⃣ Holidaze (Exam Project)

Holidaze UI

  • Description: Modern vacation booking platform with role-based functionality.
  • Technologies: React, React Router, Tailwind CSS, Vite, Vitest, Playwright, Noroff API
  • What I Did: Authentication, booking calendars, E2E testing
  • Feedback: Grade C: Great execution, core requirements fulfilled
  • Live Demo | GitHub

2️⃣ VivaTrend Store

VivaTrend UI

  • Description: Front-end fashion e-commerce app with login, cart, and checkout
  • Technologies: React 18, TypeScript, Tailwind CSS, Vite, React Router DOM, React Toastify, Swiper.js, Vitest
  • Features: Product listings, user auth, cart, search/filter, responsive design
  • Test User: bulibuli@stud.noroff.no / bulibuli
  • Live | GitHub

3️⃣ EchoPost (FED1 Exam Project)

Echopost

  • Description: Blog app with CRUD and admin functionality
  • Technologies: HTML, CSS, JavaScript
  • Grade: A (100/100)
  • Live | GitHub

4️⃣ Social Media Application

Social Media

  • Description: Client-side social media app with CRUD features
  • Technologies: JavaScript, Tailwind CSS, Vite, Vitest, Noroff API
  • Features: Posts CRUD, reactions, search, testing
  • Live | GitHub

5️⃣ Community Science Museum

Community Science Museum

  • Description: Educational website for children/families
  • Technologies: HTML, CSS, Figma
  • Grade: B (92/100)
  • Live | GitHub

6️⃣ Rainy Days (JS Course Assignment)

Rainy Days

  • Description: Dynamic online store with product filtering and basket
  • Technologies: HTML, CSS, JavaScript
  • Live | GitHub

7️⃣ Currency Converter App

Currency Converter

  • Description: Real-time currency converter with favorites and swap
  • Technologies: React, Tailwind CSS, Frankfurter API
  • Live | GitHub

8️⃣ Travel Agency Website

Travel Agency

  • Description: Full-stack travel booking website (React + Node.js/Express)
  • Features: Popular destinations, testimonials, bookings
  • Live | GitHub

9️⃣ Weather App

Weather App

  • Description: Real-time weather updates with 4-day forecast
  • Technologies: React, Tailwind CSS, OpenWeatherMap API
  • Live | GitHub

🔟 Flow State Todo App

Flow State Todo

  • Description: Todo app based on flow state and task difficulty
  • Technologies: HTML, CSS, JavaScript
  • Live | GitHub

Pinned Loading

  1. MohammedAbi MohammedAbi Public

    This repository showcases my portfolio as a nearly graduated frontend developer. It features various projects that demonstrate my skills in web design and development, focusing on creating user-fri…

    1

  2. javaScript-1-Course-Assignment-Mohammed-Abi javaScript-1-Course-Assignment-Mohammed-Abi Public

    An interactive online store built with JavaScript that allows users to view, filter, and purchase products from an API. Users can add items to their basket, proceed to checkout, and receive order c…

    HTML 1

  3. Semester-Project-1 Semester-Project-1 Public

    This was my first project semester exam at Noroff, Frontend Development. The goal was to apply our knowledge of project planning and web design to create the Community Science Museum, targeting pri…

    HTML 1

  4. Semester-Project-2-auction Semester-Project-2-auction Public

    JavaScript

  5. css-framework css-framework Public

    JavaScript

  6. vivatrend-store vivatrend-store Public

    TypeScript