Florida International University
Florida International University
Log in Sign up

Web App UI/UX design & Front-End development

Open
Zawjain
Zawjain
Toronto, Ontario, Canada
Talha Iqbal
Talha Iqbal
Director
(11)
5
Project
Academic experience
400 hours of work total
Learner
Canada
Intermediate level

Project scope

Categories
UI design UX design Website development
Skills
web pages research react jsx material-ui user interface prototyping web ui design
Details

Project Goal

Our matchmaking app aims to provide a seamless and user-friendly experience for users seeking a compatible spouse while ensuring compliance with Islamic values. To achieve this, we need a well-structured and modern front-end that enhances user experience, simplifies navigation, and effectively integrates with our back-end services.

Main Objective

The objective of this project is to collaborate with students in a front-end development role to enhance the user interface of our application. They will focus on improving usability, performance, and design consistency while integrating necessary features that align with our app’s functionality.

Tasks & Activities

Students will be responsible for the following tasks:

  1. Research & Planning
  • Analyze modern matchmaking and dating apps to identify effective UI/UX patterns.
  • Research best practices for accessibility and responsiveness.
  • Review the existing UI components in the app to identify areas for improvement.
  1. Front-End Development
  • Create and implement new UI components using React and MaterialUI.
  • Improve navigation and user interaction for a seamless experience.
  • Ensure consistent styling and responsive design across devices.
  1. Optimizing & Updating Existing Pages
  • Refactor and improve older UI components for consistency and performance.
  • Optimize rendering performance by minimizing unnecessary re-renders.
  • Enhance form validation and user input handling.
  1. Testing & Debugging
  • Conduct usability testing and gather feedback for improvements.
  • Debug and resolve UI-related issues for a smooth user experience.
  • Ensure mobile-first design principles are followed.
  1. Bonus Tasks (Optional Enhancements)
  • Suggest and prototype new features that can improve engagement.
  • Explore animation and micro-interactions to enhance user experience.
  • Recommend front-end performance improvements, such as lazy loading images and code splitting.
Deliverables

To successfully achieve the project goal, the students will provide:

  • Wireframes & UI Mockups (for new or redesigned pages).
  • React Components developed with MaterialUI.
  • Responsive, tested, and optimized web pages for the app.
  • Documentation & Code Comments explaining major implementations.
  • A final presentation/demo showcasing their work and improvements.
  • This project will give students hands-on experience in front-end development while directly contributing to a live application.
Mentorship
Domain expertise and knowledge

Providing specialized, in-depth knowledge and general industry insights for a comprehensive understanding.

Skills, knowledge and expertise

Sharing knowledge in specific technical skills, techniques, methodologies required for the project.

Hands-on support

Direct involvement in project tasks, offering guidance, and demonstrating techniques.

Tools and/or resources

Providing access to necessary tools, software, and resources required for project completion.

Regular meetings

Scheduled check-ins to discuss progress, address challenges, and provide feedback.

About the company

Company
https://zawjain.com
Toronto, Ontario, Canada
0 - 1 employees
Technology

Zawjayn is the premier halal matchmaking platform designed to help you find your ideal spouse while adhering to Islamic values. With personalized search filters, a focus on compatibility, and a secure, respectful environment, Zawjayn simplifies your journey to a meaningful and lasting connection.