NAV-RO

Exhale beauty in style. Nav-ro gives everyone the elegance and desire to live in a world of their dreams; to have the body and appearance they so wish for.

Comment

Exhale beauty in style. Nav-ro gives everyone the elegance and desire to live in a world of their dreams; to have the body and appearance they so wish for.

Nav-ro means 'to find'. Find that idea lurking, that beauty untold- Find you, see how great you are even with the scars.

Nav-ro gives you the ultimate power to be yourself, to lead your body resonance magic.

With Nav-ro, you find you- for you!

Inspiration

Our inspiration is gotten from the novel "All the lights we cannot see" by Anthony Doerr.

The summary, reminds us of the critical function of touch in our lives: how it teaches us to live, to live with others, to live for others; how it teaches us about death; and how it defines our sense of existence, which is essentially ineluctable from a coexistence with others.

To us, to touch means to provide a solution all encompassing, accessible and of great value. A solution that makes everyone find their beauty in beauty. We came up with this NAVRO which means 'to find' in french- Find that idea lurking, that beauty untold- Find you. See how great you are even with the scars.

We want to create a desire that fosters self confidence, passion, creativity, and human artistry.

WE REIMAGINED

How great it will be for everyone to take their mantle, shop for themselves- disabled or not. We imagined great opportunities and the power of will, how empowered you will feel to look beyond your scars- To accept yourself. Relish in your existence. Exhale. Inhale and Inhale beauty in Good health.

We are all passionate about solving problems for the society at large and making an impact ; that's our greatest driving force

What it does

It's an application that would help improve the beauty experience for everyone including those who are visually impaired and hard of hearing.

Skin detection

Users can place their mobile phone in front of their faces and get insights into their skill color and variety of products that suit their skin type.

Speech to text

We incorporated a speech to text feature for easy usage of the application.

Virtual assistant

A portion of this application to help those who are disabled navigate effectively throughout the application

Product Lens

A feature that captures text or color of a product and reads it out for the user so that they won't end up buying a different product.

Product recommendation

Products are recommended to the users based on their skin tone. We directly link these users to the site where they can get the product.

They also get to learn about useful body tips and get insight about their body.

How we built it

As a product that is designed to help the physically challenged, we had to incorporate some features that would respond to them. Our focus was on the blind and those with auditory issues, for this reason we incorporated the voice system.

For this project, after considering what to use for it, we decided to use React and SASS for the frontend, which we hosted on Vercel. We then used MICROSOFT and Speech API for the voice over text commands and Firebase as a database. For the backend, We used Nodejs and express framework, we used web scraping to fetch products online and saved them in a MongoDB database. We hosted this separately on Render, so as not to cause a conflict with the frontend, then called it from there.

We used Face++ and Imagga cognitive APIs to analyze the user face. Because it was the most free and reliable API that could be found on a moment's notice. It also helped in the integration of multiple function API to use for a particular product.

When building this, we considered how this would affect the users, so we decided to use neutral-colors so as to incorporate those that are colorblind too. We implemented the format as easily as we could so it would be sleek, elegant and aesthetic for any one that wanted to use it. Implicating on the name chosen for the project (which came way later), we tried to make it very friendly, putting the physically disabled as first priority, this lead to us using our own made data from web scraping to get together what would be needed to give near accurate color analysis of the skin type, then proceed to recommend products for them from the Ester Laudee catalog.

Challenges we ran into

Aniefuna Chisom

Getting people who are passionate and dedicated to building this kind of solution- It's funny to note that only three out of the people I reached out to stayed till the end. It was sad to see people stop engaging abruptly. We started building properly 4 days before the deadline, finding the remaining teammates was stressful. The remaining two joined us because of their passion, understanding of technical development and openness to something new. This is not like any other project I have worked on so I had a hard time drawing the user flow, estimating and getting data-driven user stories.

Arogundade Ibrahim

Integrating the face API to analyze a user's face was quite challenging for me due to scarce resources and other limitations from most cognitive service providers.

Ritika Thareja

I joined the team late and worked on the backend user auth, so getting the work done while catching up was a task for me.

Isaiah Tokoni

Trying to balance the interface design and its functionality was one of the challenges I faced as this project is to create an accessible solution because most of the time accessibility is not designed with style in mind.

Chibuzo Odigbo

Translating the figma designs properly, to maximize user experience, modification of code to the smallest bits possible to counter large work volumes. Making the website cross accessible for the normal devices, Desktop, tablet and phones, managing and merging pull requests and resolving collaboration issues.

Vaibhav Maurya

I made the user interface of signup form and camera part. I learnt React and SASS recently therefore learning was challenging for me but I enjoyed working.

Accomplishments that we're proud of

Aniefuna Chisom

My greatest achievement is ensuring that we got this project to the finish phase with everything working perfectly before the deadline. Finding great talents was also an accomplishment. It's really a pleasure.

Arogundade Ibrahim

One of the major accomplishments on the technical aspects of the application is how integrated cognitive services like the Speech API to improve accessibility for users with vision disabilities and the Face API to analyze facial properties like skin tone, skin type, black spots, acne and others.

Vaibhav Maurya

My accomplishment is to make our project successful. Working in a team and experiences are my achievements.

What we learned

Aniefuna Chisom

I learnt a lot about API documentation, especially that of Microsoft, navigating through problems at the shortest possible time and the technical aspect of product development.

Isaiah Tokoni

Working on this solution made me understand the problems people with disabilities (visually impaired people as that is one of our focus) I learnt to balance all the visual elements of the design while keeping accessibility in mind.

Vaibhav Maurya

Working on real world problems was a great experience. While participating in the first hackathon, I learned a lot and found a great team. Got experience of working in the team. Especially from Chibuzo Odigbo, I learned more about Git and learned best practices for writing better code.

Chibuzo Odigbo

This project opened my eyes to collaboration with people from different time zones and different work ethics. I learned to find a balance and common reasoning in the chaos phase of the project. Opened a new phases of team work for me as I worked with diverse minds with one goal at sight.

What's next for NAV-RO

Continual work on integrating more use modules like different speech voices and better voice interpretation media in the project for better conveyance of emotions and accurate description

Upgrading the Face scan API to work on more face variety and bring out better and definite results.

Updates of the catalog to give variety of products for different types of treatments that would be wanted for a particular beauty routine.

Integrating multi-lingual support to bridge the gap between products and users.

Share this project:

Updates