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.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, 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, a soon-to-be graduate 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.

🌐 My Netlify Projects Showcase

🌟 Projects

JavaScript 1 - Course Assignment

website This image showcases the product display, featuring images, descriptions, and pricing.

Description:
This project focuses on creating an interactive online store that displays products fetched from an API. The initial phase involved designing the layout using HTML and CSS, followed by adding interactivity with JavaScript.

Features:

  • View product list and details
  • Filter products by category, gender, or genre
  • Add and remove items from the basket
  • Checkout process with order confirmation

Hosted On netlify:
JavaScript Course Assignment

GitHub Repository:
GitHub repo


Community Science Museum

communitysciencemuseum This image showcases the homepage of the Community Science Museum.

Description:
For my first semester exam at Noroff, I developed an interactive science museum website aimed at children aged 7-15 and their families. This project combined project planning, web design, and development within a set timeframe.

Grade:
92/100

Built With:

  • HTML
  • CSS
  • Figma

Hosted On Netlify: Community Science Museum

**GitHub Repository: Community Science Museum

Figma High Fidelity Wireframe:

Figma Style Guide:
Style Guide

Project Kanban Board:
Kanban Board


FED1 Project Exam 1

Echopost This image showcases the homepage of the EchoPost website,

Description:
EchoPost is a responsive web application designed for managing blog posts. It serves as the front-end user interface for an existing API blogging application, allowing users to view dynamic blog posts and providing admin functionalities for managing content. The project is developed using only HTML, CSS, and JavaScript, demonstrating proficiency in core web technologies.

Hosted On Netlify: echopost

**GitHub Repository: FED1-PE1-MohammedAbi


Flow State Todo App

Description:
This Todo application assists users in managing tasks based on their flow state and task difficulty, categorizing them into Green (Easy), Orange (Moderate), and Red (Hard). Tasks are displayed according to optimal time slots for maximum productivity.

Features:

  • Add, edit, and delete tasks
  • Categorization by difficulty
  • Progress tracking with a completion rate
  • Responsive design

Theory:
Based on Mihaly Csikszentmihalyi's flow theory, tasks are matched to users' skill levels and mental states to enhance productivity.

Hosted On netlify:
Flow State Todo App

Skills

JavaScriptGitVS CodeHTML5ReactCSS3BootstrapMaterial UIViteNodeJSExpressMongoDBFigmaMacOS

Socials

Badges

My GitHub Stats

Top Languages

Top Repositories














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. Flow-State-Todo-App Flow-State-Todo-App Public

    Here’s the complete setup with the adjusted description, website, and topics: Description This Todo app helps users manage tasks based on flow state and difficulty, categorized into Green (Easy), …

    JavaScript 1

  5. html-css-course-assignment-MohammedAbi html-css-course-assignment-MohammedAbi Public

    Forked from NoroffFEU/html-css-course-assignment-MohammedAbi

    html-css-course-assignment-MohammedAbi created by GitHub Classroom. This project involves using JavaScript to create an interactive online store that displays products from an API endpoint. Users c…

    HTML 1

  6. NoroffFEU/html-css-course-assignment-MohammedAbi NoroffFEU/html-css-course-assignment-MohammedAbi Public

    JavaScript 1-course-assignment-MohammedAbi

    HTML 1