Projects by Daniyal Sohail - MERN Stack, NextJS, Content Creation | Daniyal Sohail

Welcome to My Portfolio

A collection of projects ranging from complete frontend designs to fully functional backend systems. Includes real-world work like e-commerce platforms, dashboards, portals, and more — built with a focus on performance, usability, and clean design.

Sales Dashbaord

Sales Dashbaord

Seller Dashboard

Seller Dashboard

Attendance Dashboard

Attendance Dashboard

LMS

LMS

UI Design

UI Design

Student Portal

Student Portal

POS Dashbaord

POS Dashbaord

Taakra Website

Taakra Website

Crypto Website

Crypto Website

DNA Website

DNA Website

MRF UI

MRF UI

DevTag Website

DevTag Website

Explore top notch services

Student Portal

JavaScriptReact.JSMaterial UI

A full-featured student management portal allowing students to view profiles, check class schedules, mark/view attendance, access course materials, track results, download datesheets, and manage fee invoices — all integrated into a centralized React dashboard.

Student Portal project screenshot

Attendance Dashboard

JavaScriptReact.JSFramer MotionContext API

An attendance system for schools/universities where admins or teachers can mark students as present/absent. Real-time UI updates via Context API, and animated views to track class-wise and daily attendance efficiently.

Attendance Dashboard project screenshot

Sales Management Dashboard

Next.JSChart.jsJavaScriptTailwind CSS

A dynamic analytics dashboard enabling business owners to monitor daily, weekly, and monthly sales, track key performance metrics, visualize data via live charts, and generate reports for growth analysis — optimized for retail and SaaS sales pipelines.

Sales Management Dashboard project screenshot

AI Crypto Reports Website

React.JSOpenAIChart.jsCSS3Node.jsMongoDBExpress

A full-stack cryptocurrency platform with both user and admin dashboards. Users can track live crypto prices, analyze market trends, manage their portfolios, and read AI-generated blockchain reports. Admins manage coins, update insights, and monitor traffic.

AI Crypto Reports Website project screenshot

Ecommerce Application

JavaScriptReact.JSContext APIRedux

A fully functional eCommerce frontend with real-time product browsing, filtering by categories, search bar, add-to-cart features, and secure user authentication via login and signup. Integrated Redux and Context API for global state management.

Ecommerce Application project screenshot

Library System

React.JSNext.jsTailwind CSSFramer MotionStripeOpenAI

An online library booking system where users can explore book collections, subscribe to monthly/annual plans, save books to wishlists, and make payments via Stripe. Includes admin tools to manage book listings, subscribers, and notifications.

Library System project screenshot

LMS

Next.JSNode.jsMongoDBExpress.js

A comprehensive Learning Management System with role-based access for Admin, Super Admin, Teachers, and Students. Features include course creation, quiz/exam management, gradebook, student progress tracking, assignment uploads, and announcements panel.

LMS project screenshot

Inventory Management System

React.JSJavaScriptCSS3Chart.js

A POS and inventory tool built for shop owners to manage products, generate invoices, track customer orders, monitor low stock alerts, visualize sales trends, and maintain digital receipts. Includes real-time chart dashboards and sales summaries.

Inventory Management System project screenshot

Taakra Event Website

React.JSNext.jsTailwind CSSFramer Motion

A feature-packed event website promoting the Taakra festival, showcasing schedules, artist lineups, event galleries, and registration modules. Includes animated hero sections, countdown timers, and a fully responsive design for all devices.

Taakra Event Website project screenshot

DevTag Website

Next.JSAceternityUINode.jsExpressMongoDB

A developer-focused web platform that showcases company services, case studies, and blog articles. Includes an integrated admin dashboard to dynamically manage content like portfolio items, blogs, and team profiles without code edits.

DevTag Website project screenshot

Product UI Design

FigmaUI DesignWireframingModern Design

A high-fidelity Figma design for a product details page, featuring a structured layout, product carousel, user ratings, feature highlights, and buy CTA sections — focused on improving conversion and user engagement.

Product UI Design project screenshot

Website UI

FigmaUI DesignPrototypingModern Design

A landing page concept in Figma designed for startups and SaaS, featuring a hero section, service highlights, testimonials, and contact form — complete with prototyping and animation-ready transitions.

Website UI project screenshot