Hi, I am

Emmanuel Agina

I am a full-stack developer focused on creating websites that provide the best experience for users.

profile picture

About Me

Education

Education

I have a certification in Web Development and I am focusing on technologies like React, Next.js, and Tailwind CSS

Problem-Solving

Problem-Solving

I approach challenges with a logical and systematic mindset

Experience

Experience

I have a diverse portfolio of projects

Technical Skills

Technical Skills

As a Fullstack Web Developer, I specialize in Salesforce, React JS, Next.js, and Tailwind CSS. My expertise extends to creating responsive, user-friendly interfaces and efficient backend solutions.

Selected Projects

01

Advanced Calculator

This project is a modern calculator application designed with a stylish glassmorphism user interface, featuring smooth gradients, transparency, and blur effects to create an elegant and visually appealing experience. It is built using pure HTML, CSS, and JavaScript, and includes functionality for basic arithmetic calculations along with a light and dark mode toggle to enhance usability. The calculator is fully responsive, ensuring it works seamlessly across all device sizes, from desktops to mobile screens. Interactive button animations and a copy-to-clipboard feature add to the overall user-friendly design, showcasing my skills in front-end development and UI design.

HTML, CSS, JavaScript

Live DemoGitHub
Screenshot of Advanced Calculator

02

Digital Clock Timer

This Multi Countdown Timer Web App is a dynamic and intuitive tool built with HTML, CSS, and vanilla JavaScript, designed to manage multiple countdowns simultaneously. Each timer can be individually labeled, started, paused, or reset, offering users complete control over their time management. The app supports desktop notifications and sound alerts to notify users when a timer ends, and it automatically saves all timer states using localStorage, allowing them to resume even after a page refresh. Users can toggle between light and dark themes for a personalized experience and view a detailed history of completed timers. Additionally, the app includes features to export and import countdown history, making it easy to back up or transfer data. With a clean, responsive interface and practical functionality, this project showcases strong frontend skills, effective use of browser APIs, and a focus on user-centric design.

HTML, CSS, JavaScript

Live DemoGitHub
Screenshot of Digital Clock Timer

03

Quiz App

An interactive quiz application built with React that challenges users with timed multiple-choice questions. Users can choose the number of questions they wish to attempt, receive instant feedback on their answers, and view detailed explanations for each question. The app tracks correct and wrong answers, displays a progress bar and countdown timer, and celebrates completion with a confetti animation. Clean UI, intuitive flow, and responsive design make it ideal for both learning and fun.

React, TailwindCSS

Live DemoGitHub
Screenshot of Quiz App

04

Recipe Search App

Recipe Search App is a sleek and responsive web application that allows users to search for meals, view detailed recipes with ingredients, and explore dishes by category. Built with React, Vite, Tailwind CSS, and TheMealDB API, it features live search suggestions, category filtering, and local search history for a seamless user experience. The app also includes visually engaging recipe cards, a modern UI, and a clean footer with social links—designed to be both functional and visually appealing.

React, TailwindCSS

Live DemoGitHub
Screenshot of Recipe Search App

05

Movie App

Movie Explorer is a responsive web application that allows users to search, browse, and favorite movies seamlessly. Powered by the TMDb API, it features dynamic filtering by genre, pagination, dark mode support, and local storage-based favorites management. Designed with a clean, modern UI and accessibility in mind, Movie Explorer offers an engaging user experience across all devices.

React, TailwindCSS

Live DemoGitHub
Screenshot of Movie App

06

Image Carousel

I built a fully responsive and visually engaging Image Slider component using React and Tailwind CSS. It features smooth fade transitions, clickable thumbnails, descriptive captions, and intuitive navigation with arrows and dots. The slider also supports swipe gestures on mobile devices, ensuring a seamless user experience across all screen sizes. This project highlights clean React hooks usage, elegant Tailwind styling, and attention to both performance and usability.

React, TailwindCSS

Live DemoGitHub
Screenshot of Image Carousel

07

E-commerce Hair Products

A modern, responsive e-commerce platform for hair products, featuring dynamic product listings, a shopping cart with real-time price updates, secure Stripe payment integration, and a sleek UI. Built with React, Tailwind CSS, Node.js, MongoDB, and Redux Toolkit, this project demonstrates expertise in creating user-friendly and functional e-commerce solutions.

MongoDB, Express, React, Node.js

Live DemoGitHub
Screenshot of E-commerce Hair Products

08

Interactive E-learning Platform

A responsive and user-friendly platform for engaging online learning experiences, featuring interactive courses, quizzes, and progress tracking. Built with Next.js and Tailwind CSS, this project highlights expertise in creating modern, scalable, and intuitive e-learning solutions.

Next.js, Tailwind

Live DemoGitHub
Screenshot of Interactive E-learning Platform

09

Portfolio Website

A sleek and responsive personal portfolio showcasing projects, skills, and experience. Built with Next.js and Tailwind CSS, the site features an interactive design, smooth navigation, and optimized performance, highlighting creativity and technical expertise in web development.

React, Tailwind

Live DemoGitHub
Screenshot of Portfolio Website

010

To-Do App

A beautifully designed and intuitive task management application built with React. This app allows users to add, complete, and delete tasks with a seamless UI, real-time updates, and smooth animations. Styled with modern CSS techniques, it offers a clean, responsive experience across all devices.

React

Live DemoGitHub
Screenshot of To-Do App

011

Weather App

A beautifully designed and intuitive weather application built with React. This app provides real-time weather updates, including temperature, humidity, and wind speed, for any location worldwide. With a sleek and responsive UI, users can easily search for cities and get accurate forecasts. Styled with modern CSS techniques, the app ensures a smooth and engaging user experience.

React

Live DemoGitHub
Screenshot of Weather App

012

AI Fitness-Trainer App

An intelligent and interactive fitness-trainer web application built with Next.js, designed to deliver personalized workout guidance and health insights. The app utilizes AI to recommend exercises tailored to user preferences, goals, and fitness levels, while offering real-time feedback and progress tracking. Featuring a sleek, modern, and responsive interface, the application ensures a smooth and engaging user experience across all devices. Styled with advanced CSS techniques and optimized through Next.js capabilities, it seamlessly combines performance, functionality, and visual appeal for a comprehensive digital fitness journey.

NextJs

Live DemoGitHub
Screenshot of AI Fitness-Trainer App

What I Do

HTML

CSS

React

JavaScript

Let's connect

Send me a message and let's schedule a call!

Emmanuel Agina