My avatar
Shakkara's image

Shakkara

Shakarra is a platform that allows you to shop from your favorite U.S. retailers and pay in naira. Simply browse, add items to your cart, and we'll handle the shipping and customs clearance for you.

ReactJSTailwindCSSTypeScriptResponsive DesignTanstack QueryTanstack Table
What's Hot in Lagos?'s image

What's Hot in Lagos?

Website, allowing users to explore trending events, places, and activities in Lagos. Features include event listings, user reviews, and personalized recommendations.

NextJSTailwindCSSTypeScriptResponsive DesignZustandTanstack Query
Anora Company Website's image

Anora Company Website

Company website for Anora Dev.

Tanstack Start AppTailwindCSSTypeScriptResponsive DesignFramer MotionAOSTanstack Query
Admin Dashboard for What's Hot in Lagos's image

Admin Dashboard for What's Hot in Lagos

Website with admin dashboard for Whats hot in lagos website

NextJSTailwindCSSTypeScriptResponsive DesignZustandTanstack Query
Qartt Admin Dashboard's image

Qartt Admin Dashboard

Admin dashboard for the Qartt website

NextJSTailwindCSSTypeScriptResponsive DesignZustandTanstack Query
MySportskit's image

MySportskit

MySportskit is a fully functional eCommerce website built with WordPress. I worked on the frontend part of this project, leveraging WordPress themes and plugins for functionality and design.

WordPressWooCommerceElementorResponsive DesignCSSPlugins
ClassMate's image

ClassMate

A work in progress. Also a student cgpa and resource management system

NextJSTailwindCSSTypeScriptResponsive DesignAOS
Gasfleet's image

Gasfleet

Gasfleet is a website for for Gasfleet oil company which was built using NuxtJS.

NuxtJSTailwindCSSResponsive Design
Multi-choice Test's image

Multi-choice Test

A multi-choice test with drag and drop features

NextJSTailwindCSSTypeScriptResponsive DesignReact DND
HandyHub's image

HandyHub

HandyHub is a personal app I designed and built using firebase auth and firestore. It has user and provider registration pages, a login feature as well as user and provider dashboards after respective logins.

Firebase AuthFirestoreNextJSTailwindCSSTypeScriptResponsive DesignAnimateCSS
CNBank's image

CNBank

A responsive dashboard UI for a Fintech Savings & Investment App

NextJSTailwindCSSTypeScriptResponsive DesignAnimateCSS
Innova's image

Innova

Innova is a freelance landing page for a startup

NextJSTailwindCSSTypeScriptResponsive DesignReact Intersection Observer
Alpharithm's image

Alpharithm

A job assessment project for Alpharithm

NextJSTailwindCSSTypeScriptResponsive DesignAOSSwiper React
Officing's image

Officing

A company work application coming soon

NextJSTailwindCSSTypeScriptReduxTanstack QueryShadcn UIResponsive Design
Rise's image

Rise

Rise was a job assessment project. This project required me to build desktop and mobile screen landing page to the designs provided. I used NextJS, AOS, Animate CSS and Tailwind CSS for the design and interactivity

NextJSTailwindCSSTypeScriptResponsive DesignAOSAnimateCSS
Ticket Generator's image

Ticket Generator

A simple ticket generator app implemented using frontend mentor's multi-step form challenge design

NextJSTailwindCSSTypeScriptResponsive DesignAOS
Snaarp-Todo's image

Snaarp-Todo

A functional To-Do application using localStorage as a mock backend, TanStack Query (React Query) for data management, and Tailwind CSS for styling for Snaarp test.

NextJS 15TailwindCSSTypeScriptResponsive DesignShadCN UITanStack QueryAOSLocalStorageCRUD Operations
AceHelp's image

AceHelp

A job assessment project that required me to build desktop, tablet and mobile responsive page with API integration and several features

ReactJSTailwindCSSTypeScriptResponsive DesignAPI integrationPaginationKeyboard EventAnimateCSS
Foodie-Land's image

Foodie-Land

Foodie land is a mini website that was created as a job interview challenge.This project required me to build desktop pages to the designs provided. I used NextJS and Tailwind CSS for the design and interactivity

NextJSTailwindCSSTypeScript
Rest Countries's image

Rest Countries

Rest Countries is a frontend challenge that required integrating the Rest Countries API to pull country data and display it like in the designs on Frontend Mentor. It has a search, filter, light/dark toggle them features and a details page .

NextJSTailwindCSSTanstack QueryReduxTypeScriptResponsive Design
Recipe's image

Recipe

Recipe app displays data from meal DB and features a cart order functionality where users can add, remove or update cart items.

NextJSTailwindCSSTanstack QueryTypeScriptResponsive Design
Advice Generator's image

Advice Generator

This project was a frontend challenge that involved using the Advice Slip API to create an advice generator app. Users can view the optimal layout for the app depending on their device's screen size, see hover states for all interactive elements on the page and generate a new piece of advice by clicking the dice button.

ReactJSTailwindCSSaxiosViteResponsive DesignAdvice Slip
Drag and Drop's image

Drag and Drop

This is an image gallery using images from the Pexels API with a drag and drop feature using react-beautiful-dnd. A sign in feature was added using firebase. Users can sign in using `user@example.com` as email and `1Password` as password. Animate.css and AOS were used for animations.

ReactJSTailwindCSSBootstrapFirebaseResponsive DesignFormikYupReact/routerReact-Hook-FormReact-beautiful-dndPexels
Movies's image

Movies

This app was created as a requirement for my HNGX internship. It was created using ReactJS, MaterialUI/Material icons and Tailwind CSS. The API used was TMDB.

NextJSTailwindCSSAxiosReact/routerMaterialUI iconsTMDB
Newsletter Subscription's image

Newsletter Subscription

This project is a frontend mentor challenge which is meant to enhance skills with basic form structure, validation, submission and success states.

ReactJSReact-RouterViteTailwindCSSResponsive Design
Remote's image

Remote

Remote was another frontend mentor challenge, meant to test one's ability to create dropdown navigation menus which is a common pattern for larger sites. Users can view the relevant dropdown menus on desktop and mobile when interacting with the navigation links, view the optimal layout for the content depending on their device's screen size and see hover states for all interactive elements on the page

ReactJSTailwindCSSViteResponsive DesignAnimate CSS
The Future's image

The Future

This is a simple frontend mentor homepage meant to test one's skills in CSS Grid. Users can view the optimal layout for the interface depending on their device's screen size and also see hover and focus states for all interactive elements on the page

NextJSTailwindCSSTanstack QueryReduxTypeScript
Code Estate's image

Code Estate

Code estate is an ongoing project for Enyata Hackerton. It is a real estate app being created with the sole aim of bridging the gap between tenants, landlords and agents.

NextJSTailwindCSSTanstack QueryReduxTypeScriptFomikReact-Hook-Form
Previous Portfolio's image

Previous Portfolio

This was my previous portfolio created with ReactJS and tailwind CSS.

ReactJSTailwindCSSResponsive Design