Virtual DNA Application

Discover more about your culture, history and identity.

Project Specifications

This Web Application is build with React and NodeJS using the Clarifai API. Virtual DNA allows registered users and upload a picture from a url, the application will connect to the Clarifai API to retrieve the data prediction.

• What is Clarifai? Clarifai is an artificial intelligence company that excels in visual recognition, solving real-world problems for businesses.

Problem to solve

The only way to discover more about your ethnic origin is to buy a DNA-kit test, witch is most of the time quite expansive. After you buy the kit you will wait for it, usually you have to wait a lot of time also for the results.

• DNA test kit are too expansive
• Too much time to wait before getting the results

Table of Contents

• What is the problem to solve?
• Target Audience
• Folder Structure

Target Audience

Primary target will be young professionals that wants to learn more about themselves, or just having fun, generally man and woman from 25 years old to 35.

Folder Structure

my-app/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg

For the project, these files must exist with exact filenames:

• public/index.html is the page template;
• src/index.js is the JavaScript entry point.

Technical Specifications:

• What data will you need to store? How will it be organized? Describe each table, its columns, and its relationships with other tables.

• Data organization

     Table 'Users'

This will be a list of all of the users stored in the database.

The columns will be:

• UserId (each user will be assigned a unique Id with a serial primary key)
• Name (name of the user)
• Email (email of the user)
• Password (password of the user)
• Score (numbers of image upload)

UserId	Name	Email	Score
1	Luca	luca@gmail.com	4
2	Stephany	steph@mgmail.com	10
3	Trin	trin@hotmail.com	8

• What does your product look like? List each view, their purpose, and how they work

The information on each user will include the NAME and SCORE. After the user has submitted the url the face will be detected and more information will be displayed such as gender, age and multicultural appearance.

ROUTES

Virtual DNA will be highly accessible and incredibly user friendly, the website will have the following routes:

Homepage('/')

This will be the first page the user sees.

Sign In('/signin')

This page allows users to sign in their own account.

Register('/register')

This page allows a user to register an account. (Ideally one account for one user);

Update Score('/image')

This route will update the rank of the user +1 after the image will be analized.

Milestones, Timeline

The application it's almost complete. Most of the front end is't set up and working, it's connected already with the server.

Friday 26th

• Implementing Postgres database
• Creating the table Users
• Changing background and text color

Saturday 27th

• Connecting the database with the front-end
• Register a user
• Getting User profile

Sunday 28th

• Update entries
• Test sign in
• Test Application
• Deploy with Heroku