WIN1205-20 UnLockMath


 

I am Tejinder Singh currently pursuing my Post Graduation Diploma from Fleming College in the field of Wireless Information Networking. I have completed my Bachelor’s degree in Electronics and Communications from Punjab Technical University in India. During the final year of my graduation, I gained experience in developing UI/UX of a website which encouraged to take this project and complete it successfully.

My name is Nikhildeep Singh Mahi. I am a Computer Science graduate and pursuing a post-graduate certificate from Fleming College. I am interested in learning about electronics, and networking. While working on the applied project, I was fascinated with web development and how it helps businesses to reach out to a wider audience. In future, I want to work on more web development projects.

My name is Navraj Singh, Currently I am pursuing post graduation certificate from Fleming college. I have completed my bachelor’s degree in Electronics and communication Engineering. I have interest and experience working with the projects on the website development which helps me in the progress of this project with the handling of all communication operations.

My name is Nitish Kumar. I’m currently enrolled in Wireless Information Networking program at Fleming College. After graduation I found my interest in web development and started working on tools such as wordpress. Now as an advanced level to it I got Unlock Math project which is front end development project with Technocrats team.

My name is Preeti. I have done my graduation in Computer Applications and currently I am pursuing Post Graduation Diploma from Fleming College. I have keen interest in Programming platforms such as React and JavaScript. Throughout the whole project work, I played a role of Website developer and Analyst.

 


Team Name:

Technocrats

Team Members Names:

Tejinder Singh, Navraj Singh, Nikhildeep Singh, Preeti, Nitish Kumar

Program of Study:

Wireless Information Networking

Mentor Name:

Alwyn Appiah

Project Name:

WIN1205-20 UnLockMath

Sponsor Name:

Matthew Blackwood



Sponsor Organisation:

UnLock Math Inc.


Brief Description Of Project:

UnLock Math was started in 2014 to teach students math in a versatile and easy way irrespective of their age. The main purpose of this project is to provide a fully responsive desktop website and make the User Interface (UI) and User Experience (UX) more interactive. Earlier, users were redirected to an external website to participate in assignments and quizzes called the Mobius website. The main goal of this project was to create an assignment view within the Unlock Math website which replaces the Mobius website tools.

Project Objective:

  • Provide fully functioning website
  • To make UI (User Interface) and UX (User Experience) more interactive.
  • Easy to navigate for students
  • Full integration of front-end with back-end
  • Allows only authorized access
  • Replacement of mobius webpage with unlock math developed webpage.
  • Push new changes in a git repository

Project Innovation:

  • The team has used the latest technology and software such as Visual Studio Code, Postman, Bitbucket, Node.js and used React, a JavaScript library to building effective User Interface (UI) and enhance User Experience (UX).
  • React is highly used and prominent front-end JS library for developing codes for websites and mobile applications.
  • Postman, a platform for API development is also being used by the team as creating the APIs and calling them was the major challenge for the successful completion of the project.
  • The testing of the project is performed with the help of Postman.

Challenges & Solutions:

Challenge 1: Time management and choosing a proper communication tool.  Solution: microsoft teams came out to be the best used case . Rather than using a paid software we used it because it is already included in our school accounts. It helped us for video conferencing , video sharing, file sharing, scheduling, documents preparation, setting deadlines for the assignments and many more functions.

Challenge 2: setting up the development environment. Many errors occurred while linking frontend and backend. Solution : Finding same activities on internet and then trying hit and trial to execute the operation.

Challenge 3:- React programming language. Solution: finding open source resources on internet and youtube channels such as clever programmer, sonny songha helped a lot for functionality of the website.

Challenge 4: Creating API’s for the questions for the assignments. Solution: API’s were founded in the project files and then used for some demo questions and it worked.


Project Results or Progress:

  • Completed the working of the Assignment view by accessing the questions from backend in the form of API calling.
  • Replacement of the Assignment view with referred “mobius” webpage.
  • Enhancing the User Experience (UX) and User Interface (UI) of the website.
  • Developed the website with responsiveness and more security.

Lessons Learned:

With the Successful completion of the project we the team not only gained knowledge on the working of technologies which are required for the designing process but also by implementing those designs into the functionality with the help of programming language known as REACT enhance our understanding. When team was at initial stage, Selection of designing software was a challenge as team have selected the one whose half of the services are paid and in the middle of the designing we changed our mind and jump onto next one and in this whole scenario team have learned the skill known as TIME MANAGEMENT. Execution phase of the project was bit difficult as every head in the team was looking through their own path but with proper discussions and Team work we deployed exact deliverable that has been given to us and with this team become full enthusiastic and self confident to show their skills on upcoming platforms

 


Short Video: