Strathmore Connect | Digital Marketing + System Design

Nathanael Mbale

Brand Designer
Web Designer
Digital Marketer
Figma
React
Tailwind CSS

Strathmore Connect | Project Overview

Strathmore Connect is an application created to solve communication issues at Strathmore University in Nairobi, Kenya. The process took about 3 months. You can find the visual timeline in a section - Timeline | Gantt Chart.

Note: The application is slow on startup since the database is activated by the first user on the website.

Watch on YouTube

Strathmore University is an application made for Strathmore students to get them involved in more on-campus activities. By hosting a platform to encourage students to get more involved in campus activities.

The Goal of The System

The platform is designed to encourage students to lower the barrier of entry to participate in an event. By having a well-designed system from the front end to the back end.

Moreover, the system is designed to accept Strathmore students and to connect to the Strathmore API.

Process | Agile Methodology

Agile is a project management approach that places a strong emphasis on adaptability, teamwork, and iterative development.

Agile is founded on the idea that responding to change is more important than adhering to a plan, in contrast to traditional project management techniques that emphasize drafting a thorough plan in advance and carrying it out to completion.

Conceptual Framework

Concept note
Concept note

The system will contain three major entities; a student, an administrator, and a database system. A student should log into the website using their Strathmore email and e to join a community and make posts or delete their posts on the community they have joined.

The administrator should be able to sign in to the site and create or delete a community or a post. The users' (administrator and students) information is encrypted and stored in a database. The figure below shows the conceptual framework of the proposed web-based system.

Use Case

A student should be able to create an account, and then use the account to log into the web page. Students can choose which community they want to join and leave the ones they are part of.

A student can make a post to a community they are part of, and they can delete the post they have made. Moreover, they can comment on people’s posts and delete the comments they have made.

A head of community can create a community, join/unjoin a community, and make a post on a community. Moreover, they can delete people’s posts in the community and also should be able to add or delete users to the community.

An admin should be able to delete users' accounts, posts, comments, and communities.

User Case
User Case

Wireframes

The link above is to all the wireframes on Figma.

Here is the wireframe for the homepage, with the main call to action being for a user to sign.

Database Design

This class diagram describes the relationships between three classes: student, community head, and admin. Each class has several attributes and methods.

The Student class has attributes such as email and methods such as joinCommunity() and createPost(). The Community Head class has attributes such as username and methods such as removeUserFromCommunity().

The Admin class has attributes such as email and methods such as makeUserAdmin(). Each class has its own set of methods for creating, deleting, and managing posts, comments, users, and communities.

The relationships between the classes allow for the effective management of communities and users within those communities.

TimeLine | Gantt chart

Here is a visual representation of the project timeline.

Gantt chart
Gantt chart

Requirements Gathering - 21st January to 20th February

Systems Analysis Design - 20th February to 12 March

System development -12th March to 24 April

System Testing - 24th April - 26th April

System Deployment - 26th April - 27th April

Results

The project is currently being tested at Strathmore University, to get students to be more involved in the day-to-day activity. Hosting a platform for students to communicate on upcoming events and to get more involved in university projects.

Github Link to the project

Want to have a conversation?

Sign up for a

FREE Discovery

Call today, and let’s discuss how we can turn your digital marketing and web development goals into reality. With daily updates, weekly progress reports, and continuous support, you’ll experience streamlined project management, optimized performance, and the confidence that your vision is in expert hands.

Let's bring your project to life with innovative solutions and proven strategies.

Partner With Nathanael
View Services

More Projects by Nathanael