Code Monkey home page Code Monkey logo

picast's Introduction

Picast

Picast is a photo sharing website where people can easily organize images and albums. Whenhub api is used so that people can easily organize and cast their albums in whencast.

Features

  • personal user account
  • user friendly interface
  • upload multiple photos at a time
  • update, delete and sharing facilities
  • photo download, zoom & Fullscreen
  • search photos by user, caption or date in public interface
  • share photos via different social media (Facebook, Twitter, Googleplus, Pinterest)
  • can load different images for different viewports and can display high resulation images
  • photo captions and locations are easily editable
  • personal and public interfaces for both gallery and album
  • use of whenhub api to create and organize whenhub-album
  • whenhub users can easily organize their albums through picast
  • whenhub-albums can be shared, deleted and organized via picast
  • multiple images can be uploaded and deleted in each of the whenhub-albums
  • users can update name, caption, time and location of whenhub-albums and photos
  • one can follow other users' shared albums and photos

Prerequisites

  • you have to open an account for organizing your photos
  • A whenhub access token is needed to create and organize your whenhub albums

How I built it

I have used php, javascript, bootstrap, jquery, mysql, ajax and some opensource libraries to develop this application. Whenhub API has been used to create, delete, upload and organize users' albums and photos. Picast ask user "whenhub access token" for creating a schedule named Picast-Albums. Users can create multiple albums(events) in that created schedule of whenhub and can add photos(media in whenhub events) to their albums. Picast is made user friendly. Update, delete, edit and sharing facilities have been included along with the options of following other users' photos and albums.

How whenhub API has been used

  • Create a schedule: create a directory to preserve all the picast albums of a user with 'name', 'when', 'description' and 'createdBy'
  • Create an event: create picast album with 'name', 'description', 'location', 'when' and 'createdBy'
  • Add an image to a event: add images to picast album with 'name', 'description', 'createdAt' and 'url'
  • Update an Event: to update the album's' name', 'description', 'location', 'when', 'updatedAt' and also to remove and update image's info in media
  • Remove an event: delete the album
  • Schedules with events and media: get the albums' and photos' info

Challenges I ran into

At first I have faced some problems in implementing whenhub API. I am very thankful that "Whenhub Support" has helped me to solve those problems. Picast is one of my first web-apps. So, I had to learn different web languages and their formats from the beginner level. And due to limited time I couldn't implement some more features.

Accomplishments that I'm proud of

Picast will help people to share and whencast their dreams and memories. And after a long time they will be cherished with their preserved albums in the picast.

What I learned

  • php
  • bootstrap
  • ajax
  • javascript
  • jquery
  • whenhub API

What's next for Picast

  • transfer photos and albums into inter-schedules in whenhub
  • image searching using machine learning
  • image processing
  • more user friendly interface (collage, animation etc)
  • more socializable

Demo

https://youtu.be/mo_7tPvQ4L0

Website

http://picast.azurewebsites.net/

picast's People

Contributors

shohan20 avatar

Watchers

James Cloos avatar  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.