Modern School MIS Landing WebApp

Scope

This is a futuristic, clean design built with Next.js, TypeScript and a MySQL database.

Key Features

• Payment Integration:Successfully integrated PayStack for payment into the site
• Responsive Design:
• Modern Design:

Technical Stack

• Frontend: Next.js, TypeScript,Tailwind CSS.
• Backend: Next.js Server Actions, PayStack API

Modern School Web App

Scope

This is a futuristic & Aesthetically built site in Next.js, TypeScript and a MySQL database.

Key Features

• Student Section: check students activities.
• Teacher Section: See the available teachers.
• Facility Section: View the available facilities of the school.
• Data Visualization: Interactive dashboards for actionable insights.
• Responsiveness:
• Modern Design:

Technical Stack

• Frontend: Next.js, TypeScript,Tailwind CSS.
• Backend: Next.js Server Actions.
• Database: MySQL.

Comprehensive School Management System Dashboard

Scope

The School Management System Dashboard is a premium Management Information System (MIS) built with Next.js and a MySQL database. It streamlines operations for students, parents, teachers, and administrators, offering tools for timetable generation, fee collection, and data visualization.

Key Features

• Student Management: Track profiles, attendance, performance, and disciplinary records.
• Parent Management: Maintain profiles, communication logs, and access to progress reports.
• Teacher Management: Manage profiles, schedules, and evaluations.
• Timetable Generation: Automatically create and manage class schedules.
• Fee Management: Collect, record, and track fees with payment histories.
• Data Visualization: Interactive dashboards for actionable insights.
• Reporting: Detailed reports on performance, efficiency, and finances.

Technical Stack

• Frontend: Next.js (React-based framework).
• Backend: Next.js Server Actions.
• Database: MySQL.
• Authentication: Secure login with bcrypt, NextAuth.

Key Components

• User Management: Role-based access control for all users.
• Tracking: Monitor activities, performance, and communication.
• Timetable Management: Automated scheduling with conflict resolution.
• Fee Collection: Real-time payment tracking and notifications.
• Data Visualization: Interactive charts for key metrics.
• Reporting: Customizable reports for operational insights.

Benefits

• Efficiency: Automates tasks, saving time and reducing errors.
• Transparency: Enhances communication between stakeholders.
• Scalability: Supports growing institutional needs.
• Data-Driven Decisions: Provides actionable insights through analytics.

Develop a comprehensive logistics management system with a public website and an administrative dashboard. Scope

Public Website: View services and track shipments. Admin Dashboard: Manage portfolios, service offerings, and shipment tracking. Backend API: Secure data exchange. User Authentication: Authentication and authorization system.

User management system Service management module Project portfolio management Shipment tracking system Reporting and analytics tools

Frontend: React.js Backend: Node.js with Express.js Database: MySQL Authentication: Bcyprt

• Developed a Progressive Web Application (PWA) for betting using Next.js and Tailwind CSS, complemented by CSS3 for a clean and modern user interface. Implemented skeleton loading animations to significantly enhance user experience and improve perceived performance. This project showcases my ability to create responsive, user-centric applications while employing contemporary web development technologies.

• Developed a mortgage and real estate platform as a Full-Stack Software Engineer at GISE. Built using HTML, CSS, Bootstrap, ES6+ JavaScript, MySQL, and Node.js. Implemented secure signup/sign-in authentication for user privacy and security. Designed an admin dashboard for efficient platform management. Enabled real estate agents to post, update, and manage property listings seamlessly. Delivered a scalable, user-friendly solution tailored to the real estate industry.

• Developed a fully functional e-commerce platform utilizing HTML, CSS, Bootstrap, ES6+ JavaScript, MySQL and Node.js as a Full-Stack Software Engineer At Msoft Ghana.

• Developed a fully functional Real Estate Website utilizing HTML5, CSS3, ES6+ JavaScript as a Full-Stack Software Engineer At Msoft Ghana.

• Developed Msoft Ghana school landing page utilizing HTML5, CSS3, ES6+ JavaScript as a Full-Stack Software Engineer At Msoft Ghana.

• Developed a fully functional e-commerce platform utilizing HTML, CSS/SCSS, Bootstrap, ES6 JavaScript, and jQuery.

• Developed a fully functional Image background remover utilizing HTML5, CSS3 ES6-JavaScript and an external API.

• Developed a modern and fully functional and responsive Portfolio website using React, TypeScript and Tailwind CSS.

• Completed an Internship payment integration task utilizing HTML5, CSS3, ES6+ JavaScript and Pay Stack API.

• Developed a modern and fully functional and responsive Portfolio website using React, TypeScript and Tailwind CSS.

• Developed a modern and fully functional weather app using HTML5, CSS3, JavaScript and an External API.

• Developed a modern and fully functional Portfolio website using Next.js/ TypeScript and Tailwind CSS.

• Developed a modern and fully functional Portfolio website using HTML5, CSS3 and JavaScript - Freelance.

• Created a visually appealing hotel website using HTML5, CSS3, and ES6 JavaScript. • Integrated responsive design principles to ensure optimal user experience across devices.

• Designed a movie suggestion site utilizing HTML5, CSS3, ES6 JavaScript, and APIs. • Implemented personalized movie recommendations based on user preferences and ratings.

An e-commerce site built with HTML, CSS, and JavaScript.

A simple landing page animation using HTML, CSS, JavaScript and GSAP

Live exchange rate currency converter using JavaFX, connected to an API

Live Virtual Card simulation using HTML, CSS, and JavaScript/p> View Live Demo

Payment form using HTML, CSS, JavaScript and some JQuery Libraries

Random maths quiz app using JavaFX

English dictionary connected to an API for word meanings, word pronunciations

Random computing quiz app using HTML, CSS, and JavaScript

Math quiz generator