Flutter: Load Images And Videos Sectioned By Date In A Gallery

250.00 — 750.00
**Please refer to the attached image for reference.
An Adobe XD file will be provided upon hiring.

The Gallery screen is also quite simple in concept.
The top header holds a tab bar with two items.
One is "Camera".
This tab only shows images/videos taken on the user's camera, not including screenshots, downloads etc.
The "Other" tab shows all images/videos on the user's phone.

Below the tab bar images/videos are sectioned by date (Today, Yesterday, May 16, 2021, May 15, 2021...).
This is similar to Google Photos.
This requires some complex logic! As per the images/videos themselves, It is VERY important that the images maintain their orientation (i.e., portrait images/video have portrait thumbnails, and landscape images/video have landscape thumbnails).
There should be 2 assets per row.
Please refer to the attached image to see how the images/videos are laid out (this is very important), also note that the images/video thumbnails have rounded corners.
Additionally, each video also has a timestamp of its length shown on the thumbnail (bottom right).

Scrolling through the gallery can be done by swiping down.
When the user begins to swipe down a scroll tab appears on the right side (fades in) with an up/down arrow icon.
At this point, the user can use that scroll tab to scroll down faster through their gallery.
In front of the scroll tab, a date indicator appears (month and year) while scrolling down (see google photos for reference).
If the user stops scrolling the scroll tab fades out.

As the images/videos load, they should fade in, and allow the user to scroll as fast as they want and not hindered by loading or lag.

The Gallery also has a search function where the user can search by date (Type the month/year and pictures and videos from that point appear).

Selecting any of the images/videos leads to a preview page.
The transition to the preview page should be accomplished by enlarging the image/video and centring it on the screen (smooth transition).
While on the preview page the user should be able to zoom in and out of the picture and play their video.
At the top of the screen the date of the image/video should appear (i.e., when it was taken).
If it was taken today it should say "today", otherwise it should have the date (see example in a provided photo).

The code should all be commented on, and documentation should be provided explaining the code.

Looking forward to working with you,
Cheers

Similar Freelance jobs:

Geocam Is A Photo App That Includes The Location The Photo Was Taken In The File
I have a project to build an app that captures a photo, includes the gio data of location, then the information can be sent by message to another person with the photo and gio information able to open in google maps navigator by clicking on a link, also at the beginning of opening the app the person would register there email or mobile number so the person receiving the photo can contact them back. 1. Build an app for android…
Full Description of GeoCam is a photo app that includes the…
Mobile Development123 -- 2
I need an iPhone app. I already have a design for it, I just need it to be built. this is a test project. hope u are well!
Full Description of Mobile development123 -- 2
Multi Vendor Marketplace Magento 2
Hi, We are looking for a team to develop our website under magento 2, we already have a precise idea, with several extensions(Webkul Multi Vendor Marketplace for magento 2), a theme (Porto), a server already optimized under Magento2, we also need a team able to work on mobile APP for IOS and Android (app provided by webkul). Best regards.
Full Description of Multi Vendor Marketplace Magento 2
Make Delivery App For Ios An Android
Add the feature of determining the location with with a application for drivers with the addition of the feature of logging in with saving the user data with some additions from the site https://www.questtag.com/ an add Arabic languish
Full Description of make delivery app for ios an android
Develop A Responsive Website Using Flutter
i have an app that need to be developed as website using Flutter. it has to be responsive and compatible with multiple screen sizes and most used browsers (edge, chrome, safari, firefox ). keep in mind that you'll only do the front end, as the backend is already made. i will provide you with and API so all you have to do is post/get information through urls
Full Description of develop a responsive website using flutter
Crear Un Software
Software de ingeniería aplicada a la geología para ingreso de datos, generación de gráficos y entorno de consultas. Sistema operativo Windows, posteriormente a iOS y Android.
Full Description of Crear un software
Prueba De Concepto (duplicar Lifesims2)
La idea es Crear una prueba de concepto basada en la idea del juego LIFESIMS2 pero mesclado con los Simcity Build. si conoces los dos juegos sera mas facil de entender la idea. Se adjunta un documento con los requisitos específicos BASICOS El proyecto entregable será Pantalla login Wellcome y guia de uso del juego (como en el Lifesims2) Cambio de escenarios y utilizar personajes Mostrar preguntas desde el back y mensajes desde el back Interactuar con partes del juego…
Full Description of Prueba de concepto (Duplicar LifeSims2)
Deliverynow -- 2
Our goal is to develop an real-time app which could help our customers find available drivers delivery the goods to the destination anytime and anywhere , something similar to the lynk but surely different.
Full Description of DeliveryNow -- 2
Nft Marketplace, Own Blockchain, Governance Token + Mobile App
Hello, I'm looking for a team to help with coding my business into blockchain (fork of BSC or ETH). It's going to be linking a website to an NFT marketplace along with a governance token and mobile app together with interactive features that connect with the marketplace/blockchain. NFT Marketplace like RARIBLE, OpenSea, etc. I have a budget of $2500 USD right now. Let me know if we can work and how long it will take you
Full Description of NFT Marketplace, Own blockchain, Governance token + Mobile…
Ios And Android Phone App For Information For Trades
We would like to create an app on both IOS and Android platforms to supply trades people with information (specification text). This specification text will be 1 to 10 pages of various topics. It will need to be searchable, user can highlight relevant parts, attached to a glossary/dictionary. We would like to be able to update the content ourselves. It would be a subscription service where the material is updated annually.
Full Description of IOS and Android phone app for information for…
Software Centro Fitness
Desarrollador de software para centro fitness, registro de clientes, contratos automatizados, check in, reservas de clases, programación de eventos, etc
Full Description of Software centro fitness
Create A Telemedicine App
I want to create an app for home health agencies. Where 1. Different Agencies can have their account 2.A home health agency can have their nurses and doctors log on to talk to patients 3. Video and audio conferencing call functions 4. Nurses should be able to take notes while a video conference is going on These are the few functions. We can talk more if you are interested
Full Description of Create a Telemedicine App
Auditarte App
I need to develop a prototype of progressive web app, the tool must allow the user to capture data in a predetermined checklist, the data can be written, by voice and by photography, the information will be delivered in a final report that will be graphic and digestible by the client of the user. The tool must integrate the possibility of sending these reports by email and scheduling future verification visits with the client. 7 possible predetermined checklists will be…
Full Description of AuditArte App
Promio App -- 2
Promio es la aplicación que tiene como objetivo concentrar todas las actividades relacionadas con promociones, concursos o premios que requieren de la interacción del usuario con quién está realizando alguna publicación. Público Objetivo La aplicación considera clientes corporativos, que interactúan para cargar sus requerimientos y usuarios de la aplicación que interactúan con los clientes corporativos, participando en alguna de sus publicaciones. Usuarios Interactivos: Son todas aquellas personas que decidieron participar de alguna Publicación realizada por el Cliente Corporativo y que…
Full Description of Promio App -- 2
© 2006 — 2024 hirelancer.com is an affiliate website, listing the freelance projects. We are collaborating with other sites like getFreelancer.com. Feel free to bid on any project and good luck! You will need register first, before bidding or posting projects. Basic memberhsip is always free. We might earn commissions from referring you. You will never ever pay additional fees for we referred you.