Reaction All Years

Kim’s Divine Bakery Website

Divine Cake Banner

Client Kim Baird
Professor(s) Melissa Sienkiewicz,
Program Computer Programmer
Students Parker Wilson
Wenkai Han
Sam Liu
Loqman Alajnaf
Ayesh De Silva

Project Description:

Kim Baird is a fabulous baker working out of her house. She was previously known as Kim’s Divine Baking and located in Toronto but has since moved to the National Capital Region. The pandemic has caused disruptions to many people and has delayed plans of opening a bakery. She is looking to develop an online presence and ordering/communication tool that is both simple and easy to use.
Our team has been tasked with developing the requested system. This will be a functional website that allows customers to purchase Kim’s baked goods. The website will also embed certain features from social media (such as reviews and testimonials), have a functioning back-end, an interactive front-end, incorporate Shopify as the means to sell products online and social media integration including Facebook, Instagram, the final request was for the system to also include a test environment so that Kim could review any changes (such as updated gallery images or product info) before committing them to the live website.
The overall purpose of this project is for our team to develop the client’s web presence. At its core, this will require a functional website that will allow the owner, Kim, to sell her baked goods online. The website will be made up of several key components developed and/or integrated by our team. Customers will be able to order goods online and sign up for a subscription-based baking service. This service will be delivered using the Shopify e-commerce platform. The owner will be able to update products and gallery images on the site. Within the scope of this project, our team will also take on creating the business’s social media accounts. These social media platform(s) will then be integrated into the website. From a technical perspective, our team will be developing both the front and back-ends of the website, implementing industry-standard design patterns.
Currently, Kim’s baking business has no web presence. This presents a problem as prospective customers can find many competing businesses online with a quick Google search. The purpose of this project is to remedy this problem. Kim will be able to use her new web platform to promote her business. Capturing traffic that would be destined for her competitors, she can turn these otherwise missed opportunities into sales. This should allow her to expand her business and improve customer interactions using email and social media. Having a good web presence with an online storefront can generate a continuous stream of revenue through online sales. This will allow Kim to focus on what she is truly passionate about baking.

Our program…
-Allows navigation to website owner’s social media accounts.
-Provides customers a way to order and pay for products through Shopify.
-Allows users to sign up for a subscription service of baked goods.
-Can Fully display product line of sample baked goods for purchase.
-Can Highlight specials based on time of the year and/or special holidays.
-Shows customer their current shopping list items via a shopping cart feature (Local Storage) and allow adjustments prior to purchasing.

Short Description:

We have created a website that allows our client to sell bakery products to her customers as well as increase her online presence.

Contact the Team

Video Presentation

Gallery

Divine Cake Home Page Divine Cake Contact Page
Divine Cake seasonal. links.
Kim's Bakery Facebook Page.

Funded By

Poster of Studio X Application Project

Studio X banner.

Client Studio X Ottawa
Professor(s) Karan Kalsi,
Program  
Students Fei Xie, Lin Xu, Wei Li, Saeid Pouramini, Yahya Abu jaradeh

Project Description:

Our clients is a unique hub of experienced local dance and fitness professionals comprise of the team, as well as independent instructors to teach various classes. They offer Latin Dance classes and Fitness classes to the Ottawa public, which is currently owned and operated by two major professional dance instructors.

Specific Requirements: our clients currently pays for a third service called Wellness Living that implements their website, scheduling, courses, and online payments. Our clients hope to replace the third service to their full control over these aspects. The requested system is a full reproduction of their current website into a mobile application. Followings are the functional requirements:
• SWF1: Enable users to buy the membership or passes through mobile application.
• SWF2: Enable users to book their classes or series of the classes.
• SWF3: Users could only complete the booking after the payment.
• SWF4: Enable users to login and view their profile, account activity, courses and payment history on the mobile application.
• SWF5: Have the capability for different payment options (Visa, Debit, MasterCard, etc.).
• SWF6: Enable client to complete all admin side works without need for coding.

How to resolve the problems:
• Research the previous project, set up all the running environments( VSCode, android simulator ).
• Create membership with browse and payment features.
• Fix classes cannot be booked issue.
• Fix payment not successful issue.
• Fix user courses and payment history cannot browse issue.
• Enable user paid with different payment options.
• Create admin side with create classes and delete classes features.

What we learned:
• In a real project, the whole processes from detailed business requirements to system design then to implement functions and testing.
• How to learn a new language – in this project, we used React.
• Various project management tools: zenhub, github, Teams meeting, zoom, gantt chart.
• Collaboration with team members.
• Communication with clients.
• How to resolve problems that we never encountered.

Short Description:

The purpose of the project is to replace the third-party service (Wellness Living) website with the more user friendly mobile application to reach more customers.

Contact the Team

Video Presentation

Gallery

login screen. app home screen.
my account screen. course screen.
create course screen. payment screen.

Funded By

Duckling Dating

Duckling dating banner.

Client Sue McGarvie
Professor(s) Abdullah Kadri, David Lindsay
Program Computer Engineering Technology
Students Team Lead: Joey Kundinger-Markhauser
Members: Ethan Thompson, Khair Ahmed, Khisro Hashimi,Ling Wan Zhou, Michael Turner

Project Description:

Duckling Dating is a thrilling new approach to connect through a community that is genuine and based on who you are and what you’re seeking. It is a welcoming, sex-friendly community for couples, singles, and people in traditional and non-traditional relationships. It’s verified and encourages all kinds of relationship models. Duckling Dating is the most secure and convenient way to meet potential lifelong partners. It was introduced to the team Sue McGarvie a Clinical Sex and Relationship Therapist and the creator of Duckling Dating who wanted a cross-platform mobile application based on her duckling Dating website.

Sue’s primary goal of her app is to create a safe, security-focused environment for people to meet others safely. The problem with dating apps, like Bumble or Tinder, is that they’re free; this inevitably leads to bot accounts and troublemaking users. Our app will thrive because our main aim is to create a harassment-free application. Sue’s vision for her app is to have users pay for a subscription, access a list of hosted events, RSVP to an/multiple events (s), and connect and chat amongst other RSVP’d users. The event approach also provides a much safer setting than a date set up on a free dating app (with a user you’re only hoping looks like the photos they’ve posted to a location you’re hoping you’re not alone at). No more catfishing, no more fake accounts, and, most importantly, no more putting yourself at risk.

Features requested:
– Cross-platform Application (android / iOS)
– The app must match the website style.
– Users can sign in and sign up through the app
– Users can search a profile with certain criteria.
– Users can send and receive messages through the app.
– A user profile to upload photos and bio about oneself.

The team tackled the problems collectively and decided that the application consists of the front-end, middle, and back-end. The back-end consists of a RESTful application programming interface (API), written in PHP, accessing the client’s database. We use an API to ensure security, so there cannot be any breaches. If we had connected the database straight into the application itself, there would be several security bugs and, eventually, breaches. Experienced hackers would be able to infiltrate the app and access all sensitive information (i.e., user info, credit card info, etc.); this API allows us to encrypt all the information passed through the system until it reaches the user interface.

Short Description:

Duckling Dating is an online dating application. Profiles of possible matches are displayed to the users, who can either send a direct message or swipe left to reject or swipe right to show interest.

Contact the Team

Video Presentation

Gallery

login screen. browsing screen.
approval screen. profile screen.
messages screen.

Funded By

Micro:Bit-website translation project

microbit banner.

Client Andrew McDonald
Professor(s) Melissa Sienkiewicz,
Program Computer Programming
Students Yanan Cheng
Quan Clement
Evgenii Filatov
Fabianleonar Maldo
Min Yang

Project Description:

Our project is to improve the Micro: Bit website. Our client required our team to translate every page of the website. We have solved all the problems, and we have translated this website into three different languages. Translating the whole website is not an easy task. First of all, the previous codes of the website must be sorted out and then be compiled. There are also many twists and turns in the middle. There are some difficulties that need to be asked and tested repeatedly to pass. At the same time, we also had to translate every web page and details, then compile and test whether it passes. After repeated revisions and the unremitting efforts of our team members, we finally succeeded in the test. In this process, I learned about website translation and conversion. More importantly, teamwork. Because when a new project is started, everyone does not know how to start. After continuous learning and continuous efforts, although there are many twists and turns in the middle. Everyone in our team helped each other learn and understand, so our team can finally complete the task smoothly.

Short Description:

The Micro:bit Educational Foundation is a not-for-profit organization founded in the UK in 2016, with the aim of inspiring every child to create their best digital future. In accordance with the above, our client, an educator passionate about technol

Contact the Team

Video Presentation

Gallery

home page. home page chinese.
home page Russian. microbit chinese page.
chinese map. courses page chinese.

Funded By

AfroGuide!

Afroguide banner.

Client Ronald Ekambi
Professor(s) Howard Rosenblum, Laura McHugh
Program Computer Engineering Technology
Students Owen Crawford
Aria Gomes
Andrii Kozlov
Mohammed Elseify

Project Description:

When it comes to the black population in Canada, many find it hard to get connected with a barber or stylist that specializes in the intricacies that comes with black hair, this is where the website AfroGuide will help the population out. AfroGuide is a website aimed to connect black barbers and stylists with potential clients across Canada.
Based in Ottawa, Ontario, Canada, AfroGuide has been operating online since the year 2020 run by owner Ronald Ekambi. The primary focus of the website is to create a connection between clients and barbers or stylists by allowing them to post on the website in the city they are in with a portfolio of their work so that the clients can choose a stylist or barber that fits their personal needs. The website is a user driven system that has room for innovation and improvements to help simplify the connection between client and industry worker which will expand the AfroGuide brand into a companion smartphone app. The companion smartphone app will function in a nearly identical fashion to the website, however with minor changes to accommodate the different form factor.
To implement the website in a form client wished to see it was decided to use JavaScript, ReactJS to be precise. ReactJS is a JavaScript library that specializes in user interfaces which improves the experience and difficulty of creating a dynamic UI and the elements inside a UI. To support ReactJS our team used JSX, short for JavaScript XML, that is a ReactJS extension that makes it easier for web developers to modify their project’s DOM using traditional HTML-style code.
During the development process our main goal was to create more intuitive searching system and a tool that will simplify the booking process. We modified the searching system by adding advanced geolocation search that would allow users to look specifically for barbers that are located nearby. As a booking simplifier it was decided to create a scheduler for every barber. It will allow clients to see whether stylist is unavailable or free.
For conclusion it should be said that there are many features that can and should be added to the website to make use of it even more pleasant and intuitive. For example, adding a GoogleMap API to the website will make finding a fitting hairstylist even easier.

Short Description:

AfroGuide is a website that guides black Canadians towards hairstylists that have the tools and experience needed to provide essential services to black Canadians. It’s been designed in a manner that simplifies the search process, enabling users to f

Contact the Team

Video Presentation

Gallery

banner image. home page.
Afroguide search bar. user profile.
calendar.

Funded By

Caremada Mobile App

Caremada Mobile App banner.

Client Suki Lee
Professor(s) Abdullah Kadri, David Lindsay
Program Computer Engineering Technology – Computing Science
Students Cole Saunders
Christopher Ibrahim
Jingcheng Sun
Ying Zhang
Patrick Hessian

Project Description:

Caremada is a company based in Ottawa with the goal of creating a user-friendly application that allows licensed caregivers to provide service to people who are in need using an Uber-like manner in which the caregiver comes to the clients’ location. Suki Lee, as our client, assigned us with the development of a hybrid mobile app to give a place for caregiving professionals to build a profile, find work nearby, and get paid wherever they are. This app’s design is required to be similar to the existing web app and will be published on IOS and Android.

Considering most of the users will be elder people, our team decided to make this app in a simple and easy-to-understand way. On the home page, only four buttons will display, two big buttons which drive users to either find a service or post a work offer, a drop-down menu button which contains several features from the dashboard of the web that provides stats on users’ account, and a calendar to help users to track their activities. Some main features this app requires are message chat, payment system, and sign-in sign-out systems that allow users to register and log in. Only the user is logged in, can access some of the features. Users will have different options on the home page, profile management, and a way to view posted work offers if they register with a different position (caregiver or someone who needs help).

By developing this mobile app, our team tries our best to meet the needs of clients. In the meantime, we learned how to build a mobile app by using Ionic and Angular from scratch, and we learned how important cooperation is within teamwork. Lastly, this app is going along with other student teams and they are implementing other features while we are building the overall structure.

Short Description:

The Caremada mobile app is an easy to use application for people who are in need of caregiving services. With Caremada, the service will come to you whenever, wherever.

Contact the Team

Video Presentation

Gallery

dashboard. caretaker listng.

Funded By

Devs_AC

floral envy banner.

Client Crystall Hill
Professor(s) Abdullah Kadri, David Lindsay
Program Computer Engineering Technology – Computing Science
Students Barzin Farahani (TL)
Shubam Verma
Saiharshal Nadiminti
Jason-Jack Saint-Cyr
Rishabh Kansara

Project Description:

The goal of our project is to help create a web form application to allow our client to add custom orders to their website and business. We want to help her cut down on time and effort that it takes to make one of these custom orders. The way we plan on going about this is by creating an extra web page for her to be able to create custom orders. We plan on doing this through a quick and easy form which at the end is fully integrated with her payment system. The scope of this project will be limited to working on the custom orders aspect for our client. We hope to deliver a product that exceeds our client’s expectations and is useful for her business. The problem our client faces daily with her customers is custom orders that they want to place. This is due to the website design flaws; the client forced to take most of her orders on the telephone where she manually calculates and adjusts everything according to the buyer’s budget which is time consuming. One possible solution for this problem is adding a separate custom order page just for the admin, where she will be able to adjust the prices for items, delivery, and taxes accordingly to offer a better price quote to the customer other possibility is designing an app just for client use which will have all the above discussed functionalities.

Short Description:

This Project is a custom order page that we have created for one of the largest florist in Ottawa. In this project we help our client by adding many different functionality’s suited specifically for her.

Contact the Team

Video Presentation

Gallery

order page. customization page.
create an order page.

Funded By

Design as a Verb

Design as a Verb banner.

Client Various
Professor(s) Pallavi Swaranjali,
Program Bachelor of Interior Design
Students Krystian Miersma | Anaïs Fritzlan | Mikaela Uggeldahl | Brittany Roach | Heather Greer | Lindsay Kelly I Thomas Sullivan | Kaitlyn Rogers Chloe Keens-Parker | Gizelle Esfandiari | Eilaf Abdelrasoul | Kayla Di Staulo | Serena McEvoy-Stevenson | Mackenzie Hoover |
Rylie Duncan | Dina Gawish | Hanan Alqurashi Michaela Hardy | Iris Diep | Alexia
Laflamme | DEVANSHI GULATI |ELIZABETH PETTINGILL | EMILY COOK | EVA KENYON | MARLY JOHNSON | SABRINA TAFUTO | SARAH DAOUST | SEREINE ELBALKHI
SHAYLENE GIBBONS | STEPHANIE DES MARAIS | VY BUI

Project Description:

Thinking about space often starts by referring to photorealistic visual images(as objects/nouns). Design as a verb understands the power of spaces to move and affect us. The basic premise of this project is the proposition made by Sarah Robinson in her book, Architecture is a Verb which ….
“asks what a building does—that is, extends the performative functional interpretation of design to interrogate how buildings move and in turn move us, how they shape thought and action.”

Interior Designers can help to make meaningful changes in creating spaces that bring positivity, happiness, and wellbeing. This project identifies verbs that have different qualities and effects and develops spaces around those verbs. This process of thinking of spaces as verbs, brings forth what spaces can be and should be so that we can live in a slightly better compassionate world, and understand the implications of our built work.
The proposals that students have developed consider how spaces can create magic, how spaces can be lost and found, how spaces craft, spaces of resolution, spaces of empathy, to name a few, that suggest spaces that can create a difference in our lives.

Short Description:

We sought to critically examine how Interior Design can impact the way we live. What spaces are needed today that have a meaningful impact on our lives? How can we think of spaces not as objects/nouns but as verbs that change how we live and act.

Contact the Team

Video Presentation

Gallery

Room views. wine animation.
banner image.

Funded By

KirkSmiles – Orthodontist Virtual Check-In

KirkSmiles banner image.

Client Dr. Danae Kirk
Professor(s) Abdullah Kadri, David Lindsay
Program Computer Engineering Technology – Computing Science
Students William Lam
Kevin Mladek
Huy Pham
Ali Monette

Project Description:

Kirk Orthodontics and a skilled group of students from Algonquin College have collaborated to create a web-based application (KirkSmiles) that streamlines the process of guiding patients through taking standardized photos of their teeth and bite. The web application then sends a formatted email containing those photos to the orthodontist.

KirkSmiles was developed during the COVID pandemic. If the dentist/orthodontist only requires photo updates of the patient’s teeth and jaw, then reducing the number of in-person visits to a dentist’s or orthodontist’s office reduces exposure to COVID and saves time for all involved parties.

Using the Angular framework, our small team was able to quickly and efficiently develop KirkSmiles. We were able to ensure that a high-quality design of the user interface (UI) and user experience (UX) were achieved in the final product, while leveraging open-source tools like axe DevTools to ensure that the web application meets accessibility standards.

Short Description:

KirkSmiles is a web application that streamlines the process of taking intra/extraoral photos for a virtual check-in with your orthodontist.

Contact the Team

Video Presentation

Gallery

dashboard. dental imagery.
front view. review and submit screen.
dashboard ipad view. dental imagery ipad view.

Funded By

Ottawa Local Soccer League

Ottawa local soccer league banner.

Client Team Great 3
Professor(s) Melissa Sienkiewicz,
Program Computer Programming
Students – Bryan Ndah
– Herman Redona
– Jay Bharat Dalwadi
– Lu Mao
– Zhang Qiyin

Project Description:

Web Application For Local Soccer League

Short Description:

A small descriptive website for a local Ottawa soccer league.

Contact the Team

Video Presentation

Funded By