a project

About Me

Highly motivated and results-oriented Front-End Developer with 5 years of experience crafting engaging and user-friendly web experiences using HTML, CSS, JavaScript,TypeScript, React, Tailwind CSS, Bootstrap, Nextjs. Adept at using Git for version control and collaborative development. Possesses a strong foundation in modern web development principles, gained through extensive online courses and hands-on independent projects. Proficient in responsive UI design, component-based architecture, and state management with React. Comfortable working with Next.js for building fast, SEO-friendly, and scalable web applications. Eager to contribute to a dynamic team, apply technical skills in real-world projects, and continuously expand knowledge by learning new frameworks and programming languages.

Skills

Experience

  • Front End Engineer
  • AI Prompt Engineer
  • Back End Development (In progress)
  • 5 Years of Independent Web Development: Proven track record of successfully building and deploying functional websites using a combination of HTML, CSS, and JavaScript. Demonstrated ability to translate design concepts into clean, user-friendly, and cross-browser compatible web pages.
  • Real-World Project Experience: Successfully completed and launched multiple real-world web projects, showcasing a strong understanding of web development principles and a commitment to delivering high-quality results.
  • Eager to Transition to Corporate Environment: Seeking a challenging and collaborative role within a dynamic organization to further develop my skills and contribute to innovative web projects. This section highlights your key experience in a concise and professional manner. It emphasizes your skills, real-world experience, and your eagerness to join a corporate setting.

My Services

Website Design & Development:

Responsive Web Design: Creating websites that adapt seamlessly to various screen sizes (desktops, tablets, and mobile devices). Custom Website Development: Building unique and tailored websites from scratch according to client specifications. Website Maintenance & Updates: Maintaining existing websites, fixing bugs, and implementing updates and new features.

Learn More

Front-End Development

HTML & CSS Implementation: Translating design mockups into clean, semantic HTML and CSS code. JavaScript Integration: Implementing basic JavaScript functionality (e.g., form validation, animations, interactive elements). Cross-Browser Compatibility: Ensuring websites function correctly across different browsers and devices.

Learn More

AI-Powered Content Creation

Utilizing AI to generate creative and engaging website copy, improving content quality and efficiency.

Learn More

Front-end Projects

To-do APP

A to-do list app that allows you to keep track of activites you wish to complete over a period of time

Reign (Replica)

This project involved analyzing and replicating the HTML and CSS styling of a mobile banking application using the MP Stack framework.

A simple web template

This project involved recreating a simple web template found online, providing hands-on experience with core front-end development technologies. Key Features: Layout: Utilized CSS Grid and Flexbox for efficient and responsive layout, including features like gap for consistent spacing between elements.

Web4Kids

This collaborative project involved creating an engaging web application for children, focusing on user-friendliness, educational content, and seamless functionality. Key features included user registration, interactive learning modules, progress tracking, and easy user switching.

A Simple Calculator

Developed a simple calculator app that performs basic operations (addition, subtraction, multiplication, division) with a clean UI. Demonstrated input handling, error prevention (e.g., divide by zero), and responsive design for usability.

Building Simple Apis

Built a RESTful API to fetch and display country data using GET/POST requests, error handling, and external API integration. Showcased data persistence and user-friendly design.

A front-end mentor Challenge

A challeenge that eenabled me learn how to use grid tool box in real world project

Paystact (replica)

Mobile Banking MP Stack Project This project involved analyzing and replicating the HTML and CSS styling of a mobile banking application using the MP Stack framework.

A Nigerian Bank

Built a Nigerian bank app prototype enabling money transfers between accounts using arrays and methods like `push`, `filter`, and `reduce`. Managed account balances, transaction history, and error handling for seamless operations.

Snap (replica)

This project involved analyzing and replicating the HTML and CSS styling of a mobile banking application using the MP Stack framework.

Expedia (cloned)

This project involved analyzing and replicating the HTML and CSS styling of a mobile banking application using the MP Stack framework.

BVNK (replica)

Mobile Banking MP Stack Project This project involved analyzing and replicating the HTML and CSS styling of a mobile banking application using the MP Stack framework.

React Projects

Salesforce(replica)

finished cloning a Salesforce-inspired landing page to sharpen my front-end skills! Built with: React, Tailwind CSS, React Router, React Fast Marquee, HLS.js for video support.

Extreme

Building a dynamic Gallery Page with multiple galleries—challenging but rewarding! Learning while building is the best way to grow.Responsive on all devices

Built with: React, Tailwind CSS, AOS (Animate On Scroll),Lucide-react

Light and Dark mode

My first React project: a light/dark mode template with tab filtering (active/inactive/all). No Tailwind then—just CSS and lots of breakpoints! Learned a lot. Looking back now, Tailwind would’ve made it much easier. Excited to finally share this!

AI Projects

My Canva

Canva Portfolio Project This project involved creating an interactive online portfolio using Canva, showcasing my skills and experience through a visually appealing and engaging presentation.

Teachable Machine

This project involved training an AI model using Google Teachable Machine to recognize simple human actions, including blinking, clapping, whistling. The project involved collecting and labeling data, training the model, and testing its accuracy in identifying these actions.

A Personal website made with AI

Developed a professional website, utilizing AI tools for content refinement and image optimization to enhance website quality and user experience. Website Creation: Developed a professional website.

Contact Me

akpofurediegbe@gmail.com

09037841541

Download Certificates

Copyrigth @ Akpofure