Find Jobs
Hire Freelancers

Tundra - The Canadian Dating App

$30-250 CAD

Đã đóng
Đã đăng vào khoảng 6 năm trước

$30-250 CAD

Thanh toán khi bàn giao
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.
Mã dự án: 16347343

Về dự án

8 đề xuất
Dự án từ xa
Hoạt động 6 năm trước

Bạn muốn kiếm tiền?

Lợi ích khi chào giá trên Freelancer

Thiết lập ngân sách và thời gian
Nhận thanh toán cho công việc
Phác thảo đề xuất của bạn
Miễn phí đăng ký và cháo giá cho công việc
8 freelancers are bidding on average $173 CAD for this job
Avatar người dùng
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 with high quality I am ready to start to work right now Please contact me to discuss more Kind regards
$300 CAD trong 3 ngày
5,0 (99 nhận xét)
8,2
8,2
Avatar người dùng
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 interests.. ProjectName:Tundra - The Canadian Dating App Relevant Skills: Android, HTML5, Javascript, Mobile App Development, PHP,
$155 CAD trong 1 ngày
4,9 (67 nhận xét)
6,7
6,7
Avatar người dùng
Hello I have enough experience to develop dating app. Let's work with me. Best Regards Jin.
$155 CAD trong 3 ngày
4,9 (17 nhận xét)
4,9
4,9

Về khách hàng

Cờ của CANADA
Ottawa, Canada
5,0
3
Phương thức thanh toán đã xác thực
Thành viên từ thg 2 11, 2016

Xác thực khách hàng

Các công việc khác từ khách hàng này

Reviewr App
$10-100 CAD
Gifter - API
$30-250 USD
Cảm ơn bạn! Chúng tôi đã gửi email chứa đường link để bạn lấy tín dụng miễn phí.
Đã xảy ra lỗi trong khi gửi email của bạn. Hãy thử lại.
Người Dùng Đã Đăng Ký Tổng Số Việc Đã Đăng
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Đang tải xem trước
Đã cấp quyền truy cập vị trí.
Phiên đăng nhập của bạn đã hết hạn và bạn đã bị đăng xuất. Hãy đăng nhập lại.