Skip to content

A mobile/cross platform gallery application created using ionic and angular

Notifications You must be signed in to change notification settings

Panther-12/PicFlows

Repository files navigation

Ionic Gallery and LinkedIn Sharing App

PicFlows is an Angular Ionic mobile application designed to provide a secure and user-friendly platform for managing your photos. With PicFlows, you can capture, store, organize, share, and securely delete your pictures with ease.

Features

  • Capture and Store: Take pictures and store them securely within the app. Your photos are always at your fingertips.
  • Organize: Categorize your pictures as you wish. With our intuitive organization features, you'll never lose track of your photos.
  • Share: Share your favorite moments with others directly from the app. It's as simple as a few taps.
  • Delete: Delete your pictures when they are no longer needed. We ensure that your deleted photos are removed securely.

Getting Started

To get started with PicFlows, you can download the app from here. Once installed, you can create an account and start capturing and managing your photos.

Feedback

As this is a beta version, we are eager to hear your feedback. If you encounter any bugs or have any suggestions, please create an issue on this GitHub repository.

Table of Contents

Introduction

This Ionic application provides a gallery view for images and a feature to share content directly to LinkedIn. It includes multiple tabs for navigating through the app.

Features

  • Home tab with introductory content.
  • Gallery tab displaying a collection of images.
  • Share tab allowing users to post content directly to LinkedIn.

Screenshots

Home Tab Gallery Tab Share Tab

Installation

Prerequisites

Steps

  • Clone the repository:
    git clone https://github.com/yourusername/ionic-gallery-linkedin.git
  • Navigate to the project directory:
    cd ionic-gallery-linkedin
  • Install the dependencies:
    npm install

Usage

  • Start the development server:
ionic serve

Configuration

LinkedIn API Integration

  1. Register your app on the LinkedIn Developer Portal.

  2. Obtain the client ID, client secret, and access token.

  3. Replace YOUR_ACCESS_TOKEN and YOUR_PERSON_URN in share.page.ts with your actual LinkedIn access token and person URN.

Project Structure

tabs.page.html: Main navigation structure with tabs. home.page.html / home.page.scss / home.page.ts: Home tab implementation. gallery.page.html / gallery.page.scss / gallery.page.ts: Gallery tab implementation. share.page.html / share.page.scss / share.page.ts: Share tab implementation with LinkedIn integration.

Dependencies

@angular/core  
@angular/common/http  
@ionic/angular  
rxjs  

Contributing

  • Fork the repository.

  • Create a new branch (git checkout -b feature-branch).

  • Make your changes.

  • Commit your changes (git commit -am 'Add new feature').

  • Push to the branch (git push origin feature-branch).\

  • Create a new Pull Request

.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Explanation

  • Introduction: Brief overview of the application.
  • Features: Highlights the main features.
  • Screenshots: Placeholder for screenshots of different tabs.
  • Installation: Instructions to clone the repo and install dependencies.
  • Usage: Steps to start the development server.
  • Configuration: Details on setting up LinkedIn API integration.
  • Project Structure: Overview of the main files and their purposes.
  • Dependencies: Lists the main dependencies used in the project.
  • Contributing: Guidelines for contributing to the project.
  • License: Information about the project's license.

Feel free to adjust the paths, links, and other details to match your actual project.