Tundra - The Canadian Dating App

You will building a two screen Single Page Application as a Cordova Android App.

The first screen will show cards with pictures, names and other details. The user will be able to swipe left or right on the card. When the user swipes left or right you need to use a CSS transition to animate the card off the screen in the correct direction.

Swiping left will delete the card and discard all that data.

Swiping right will save the person's information in an array that gets stored in sessionStorage.

The second screen will show a list view of all the people that the user swiped right on. This list will be retrieved from sessionStorage.

When the app starts, you need to make a fetch call to the Tundra API - [login to view URL] (Links to an external site.)Links to an external site.

The queryString parameter can be "female", "male" or left blank. If left blank you will get a random selection of people from the API.

Note that each person object will contain a first name, last name, and an avatar image. The images all sit inside the folder defined in the imgBaseURL property at the root level.

The "profiles" array from the data should be looped through and a single card created for each profile.

After the user swipes the profile card, and after the transition animation has finished be sure to remove the card from the DOM.

Getting New Profiles

We don't want the user to have to ask for more profiles to be downloaded.

So, each time we remove a card from the DOM, following a swipe left or right, check the number of cards left. If the number of cards is less than 3, do another fetch to get more profiles. When those profiles are returned, create more cards.

Hint: reuse your functions from the original fetch and building of cards.

After Swiping Cards

After the user has swiped a card to the left or the right, then you need to display a message to them confirming that the the profile has been rejected | dismissed | deleted OR saved | favourited | kept | stored. The terminology is up to you. What is important is that you show a confirmation.

The message should be an overlay. The user needs to be able to read it while the card is being animated off the screen. Then the message disappears while the new card appears.

Favourites Screen

On the second screen when you display the saved profiles, you should show three things:

The full name of the profile

A small version of the image as an avatar

A delete icon button

When the user clicks on the delete button you will need to remove that profile from BOTH the list view AND sessionStorage.

You will need to use the id from the profile to identify which person to delete from localstorage.

Tiny$hell Framework

Here is a framework that you can use for your interface. It provides the basic CSS to give structure to your pages plus it has three gesture events that you can add to your cards - 'swipeleft', 'swiperight', and 'tap'.

[login to view URL] (Links to an external site.)Links to an external site.

You are NOT required to use this framework. You can write all your own CSS and JS if you want.

OR you can just use the JavaScript from the framework and write your own CSS.

There are instructions in the [login to view URL] file, which are displayed on the home page for the Framework Repo.

Note: that the framework is still under development. I will be updating it regularily to add new features to both the CSS and JS. As things get changed in the framework, I will update the ReadMe file. Watch for changes to the Last Update date in the readme.

Cordova version Info

You must use:

Cordova version 8.0.0

Cordova Android version 7.0.0

Launcher Icons

Your app does not need to have a Splashscreen image but it does need a custom Launcher icon.

Znanja: Android, HTML5, Javascript, Mobile App Development, PHP

Več: PRICE IS NOT AN ISSUE. WE DON\ T MIND PAYING MORE FOR THE RIGHT DESIGN AND ANY OTHER ADDITIONAL THINGS YOU MAY OFFER., check writing onlinereally i will miss you cant forget the good time we have enjoyed togother in ar have a bright futur, countdown counter custom time, most popular dating sites canada, best free dating apps toronto, tinder app vancouver, best free hookup apps canada, best hookup apps canada, best dating sites toronto 2017, best dating apps canada 2017, best dating sites vancouver 2017, iphone app custom sounds, custom time, iphone app development time, flex custom time control, flash countdown custom time, iphone app phone time logger, iphone app custom, custom time control net windows, iphone app custom caller

O delodajalcu:
( 3 mnenja ) Ottawa, Canada

ID projekta: #16347343

9 freelancerjev ponuja v povprečju za $171 na tem delu


Here is an experienced Cordova developer I have proficient skills in this side for 7+ years I have checked your description and I am very interested in this project I will finish your project within your timeline wi Več

$300 CAD v 3 dneh
(94 Ocen)

Ready to start project from today I HAVE READ YOUR PROJECT REQUIREMENT. WE CAN HELP YOU IN THIS as we have an Expert and Experienced team for ANDROID and IOS. Can we discuss the REQUIREMENT in detail? We are the Več

$155 CAD v 3 dneh
(96 Ocen)

hello,dear. It's my pleasure meeting you. I have read your requirements and I fully went through it. I am confident and I am sure that I can do your project. Please contact me for further discussing. Thanks for your in Več

$155 CAD v 1 dnevu
(67 Ocen)
$155 CAD v 3 dneh
(109 Ocen)

Hello I have enough experience to develop dating app. Let's work with me. Best Regards Jin.

$155 CAD v 3 dneh
(16 Ocen)
$155 CAD v 3 dneh
(6 Ocen)

hi there, I can build your dating app and you can check out my portfolio here to know me more. [login to view URL]

$155 CAD v 3 dneh
(5 Ocen)

Dear Sir, After Reading the job description I am confident that would be a perfect for for this position as my experience and ability precisely match your requirements. Skills:- Android, HTML5, Javascript, Mobi Več

$155 CAD v 3 dneh
(6 Ocen)

Hi there i am a fullstack php developer with skilled in wordpress CMS, codeigniter and laravel framework and bootstrap design also. I have gone through your requirements and can quickly start the project. I have Več

$155 CAD v 3 dneh
(0 Ocen)