Git Product home page Git Product logo

flowers's Introduction

Buncha Flowers

I designed this flower app as part of my Mobile App Development module in college. The idea behind the app is that a flower enthusiast can add flowers and information about that flower as seen in the sample image below. As anyone who has done any kind of gardening will know, keeping flowers alive and happy is no easy task, so having handy tips and information about your favourite flowers can hopefully help gardeners achieve this. They can also view images of flowers in the image gallery. I have incorporated Google maps functionality with locations of nearby gardens pinned that may be of interest to the app user too.

1. List of flowers and search functionality
All previously added flowers will be displayed on app startup as there is basic local persistence functionality. The add button enables the user to add a new flower to the list and all fields need to be filled out before a flower can be saved. A user can also search for a flower using the search icon in the menu bar.
There needs to be images stored on the emulator before adding new flowers, otherwise there will be no images to choose from and a user must add an image to be able to create a new flower item.

App display 1

2. Flower information and edit functionality
When a flower is clicked on in the list of of flowers, the flower information entered by the user is displayed. The user can also edit the flower name, description and image or delete the flower by clicking on the edit button in the menu bar.

App display 2

3. Image gallery of flowers
The image gallery can be found on the homepage in the explandable menu options. Each image in the gallery can be clicked on to bring up the image and image title in full screen, as seen in the screenshot below. Images can be viewed in full screen also, by clicking and dragging left or right. To exit from the full screen display the back button on the device must be pressed which then returns to the image gallery.

App display 3

4. Built in Google maps functionality linking to Google Maps on device
The map can be found on the homepage in the expandable menu options. Upon loading, the map shows the users location and displays their address. The map also displays garden locations thay may be of interest to the app user, and the address of these gardens is displayed when each marker is clicked. The map can also be zoomed in and out using the buttons on the bottom right corner. When a marker is clicked, the Google Maps icon appears at the bottom of the screen, and when clicked the Google Map official app launches pointing to that garden location.

App display 4

flowers's People

Contributors

leaannegaffney avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.