KENNETH BASSEYFullstack Developer

Mizviv Hairs Online-store Platform

A full-stack e-commerce solution built with Next.js 13, TypeScript, Redux, and Django REST Framework, specifically designed for the hair and beauty industry. This platform features advanced product filtering tailored to hair products, real-time inventory management, multi-currency support, and a comprehensive admin dashboard with analytics....

Tech Stack

Backend: Django & Django REST Framework
Cloudinary
Frontend: Next.js 13, TypeScript,
Tanstack React Query
Redux Toolkit, Tailwind CSS
Database: PostgreSQL, Redis

Live Site

Github

Core Features:

Advanced Product Discovery System

Developed a sophisticated filtering engine specifically tailored for hair products, allowing customers to filter by:

Hair type (human hair, virgin, single donor)
Style categories (straight, wavy, curly)
Price ranges with dynamic updates

The system processes multiple filter combinations in under 200ms, maintaining responsiveness even with thousands of products.

Intelligent Shopping Cart & Checkout

Engineered a persistent cart system that:

Synchronizes guest carts upon login
Validates stock availability in real-time
Calculates dynamic shipping based on destination
Supports Paystack
Implements retry logic for payment failures with exponential backoff

Comprehensive Admin Dashboard

Built a powerful administration interface featuring:

Real-time analytics with revenue tracking and conversion metrics
Validates stock availability in real-time
Order processing workflows with status tracking
Customer relationship management tools
Flash sale creation and management
Bulk operations for efficient product updates

Performance Optimizations

Implemented lazy loading and code splitting, reducing initial bundle size by 60%
Utilized React Query for intelligent data caching and background refetching
Optimized database queries with select_related and prefetch_related
Integrated CDN for static assets with edge caching

Next.js Django TypeScript PostgreSQL

Why The Web Stack

I chose Django for its robust authentication system and built-in admin interface. The Django REST Framework Offers rapid API development with built-in serialization. The mature ecosystem provides established solutions for common e-commerce requirements.
TypeScript was non-negotiable because of the need to eliminate runtime errors.
I chose postgreSQL for its advanced indexing capabilities and JSONB support, which was critical for storing complex product data and analytics. Its robust transaction handling ensures data integrity during high-volume operations.
I chose Cloudinary for image management to handle the large volume of product images efficiently. It provides automatic optimization and CDN delivery, significantly improving load times and user experience.
I chose Redux Toolkit for state management to simplify the process of managing complex state logic and side effects in the application.

Why The Web Stack

I chose Django for its robust authentication system and built-in admin interface. The Django REST Framework Offers rapid API development with built-in serialization. The mature ecosystem provides established solutions for common e-commerce requirements.

Django

I chose postgreSQL for its advanced indexing capabilities and JSONB support, which was critical for storing complex product data and analytics. Its robust transaction handling ensures data integrity during high-volume operations.

PostgreSQL

TypeScript was non-negotiable because of the need to eliminate runtime errors.

TypeScript

Challenges & Solutions

Challenge: Complex State Synchronization

Problem: Managing cart state across authenticated and guest users.

Solution: Developed a hybrid state management approach using Redux for in-memory storage with a seamless transition system that merges guest carts upon authentication.

Challenge: Real-time Inventory Management

Problem: Preventing overselling while multiple users shop simultaneously, especially during flash sales.

Solution: Implemented optimistic UI updates with server-side validation, database-level constraints, and a reservation system that temporarily holds items during checkout. Used PostgreSQL's row-level locking for critical inventory operations.

Other Projects

Askai

This is a simple web app that utilizes OpenAI models like GPT-3.5 Turbo, a powerful text generation model that generates responses based on given prompts. Additionally, the app integrates the DALL-E 3 model, an image generation model that creates images according to the descriptions provided.

Punctuate

This is a simple web app designed to assist users in applying proper punctuation to their text or articles.

Let’s Build Together

Feel free to reach to me if you are looking for a developer or maybe you just want to connect.

ken.bassey9@gmail.com