Code Monkey home page Code Monkey logo

colllect's Introduction

Colllect

Continuous Integration SymfonyInsight MIT Licence

Introduction

Colllect is your new bookmark manager!

With it, you can manage your inspiration and resources into colllections.

Go to Colllect website and subscribe to get notified of the launch.

Project status

The project is in progress.

  • API is ready with Swagger 2 support :)
  • Front still WIP

Install

git clone [email protected]:Colllect/Colllect.git
make init

Run

make up

Go to https://dev.colllect.io

colllect's People

Contributors

alex-d avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

colllect's Issues

Add a modal to delete account

Button in account management must allow user to delete his account, then a confirmation is asked in a modal, then the account is deleted and the user logged out.

Browser Extension

EDIT (original message below)

Minimal browser support:

  • Safari
  • Google Chrome

Optimal browser support:

  • Safari
  • Google Chrome
  • Firefox
  • Edge

Features:

  • Save URL as Link/Image Element in one-click to Inbox
  • Save Color set in one-click to Inbox
  • Allow user to save Element in a Colllection instead of Inbox
  • Add an option to add some "Save" buttons to popular inspiration Websites (Dribbble Behance, ...)
  • ... and more, feel free to let us know your ideas in comments :)

Original message:

Hi there,

I guess that collect will make use of browser extensions to save images.
Bad news for Safari tho, the old .safariextz wont be supported by Apple anymore after the release of Mojave / Safari 12... and they will eventually stop working all together (you can bet on 2019)

So please consider doing an App Extension for safari, as this is the browser of choice for many people on mac :)

Maintenance page

A one-file static Web page which is independent from the front.

Used for 50X errors, mostly 503.

Element: Text - Detail/Edit view

Open a note/text Element in big, with all metadata:

  • Name
  • Tags
  • Date
  • Content (Markdown to HTML)

Edit:

  • Lite Markdown WYSIWY(M/G) Editor

Multiple Element selection

Allows user to select multiple Elements in the same Colllection to do some batch operations:

  • Add/Remove a Tag
  • Delete Elements
  • Move to another Colllection
  • Duplicate in another Colllection

Tag Manager

Allows user to have tags by Colllection and manage them globally.

  • Tag added to an element of a Colllection is added to Tag Manager
  • Tag removed from Tag Manager is removed from all Elements
  • Allow to share tags through Colllections (top level tags by Organisation or User)

Add cache header to proxy

And makes proxyfied URLs unique by:

  • encoded Colllection path
  • encoded element name
  • size
  • last updated date (if != -1)

Search for Elements

Search box with autocomplete which calls an API to filter Elements.

Different filters can be used at the same time:

  • Search by name
  • Search by tags
  • Search by date

Element: Image - Detail view

Show image in big, with all metadata:

  • Name
  • Tags
  • Date
  • Size (MB)
  • Size (pixels)
  • Extension/Format (jpg, png, gif)

Find a way to catch transparency (plain background or gray/white grid)

Colllection specifications

The need

We should be able to organize our Elements into Colllections.

States:

  • private (default): Colllection is only available for the user who created it
  • public (read only): an user can share a Colllection with the rest of the world via a public link

Also, we want to be able to share a Colllection with other users in write mode.

Definition

Colllection is a subfolder of "Colllections" folder or "Inbox" folder itself and has 2 properties:

  • id (string): base64({userId}:{colllectionPath})
    colllectionPath is the real path of Colllection.
    Example: 42:Colllections/My splendid colllection
    That string is encoded in base64 to be used in URLs
  • name (string): it is the colllection folder name
  • public (boolean): false by default

API URIs

Method URL Action
POST /api/colllections Create a new Colllection
GET /api/colllections List all Colllections
GET /api/colllections/{colllectionId} Get a given Colllection
PUT /api/colllections/{colllectionId} Rename Colllection / Change permissions (future)
DELETE /api/colllections/{colllectionId} Delete a Colllection and contents

colllectionId is the id as described above.

Front URLs

URL Action
/{userSlug} List all Colllections of a given user
/{userSlug}/{colllectionId} Show an user Colllection

colllectionId is the id as described above.

Migrate data between Dropbox and Colllect (or any storage)

Since the free offer allows some MB of data to test the product, user should be able to continue on Dropbox to get more space for free.

Also, it will be useful for paying users to (re-)migrate from/to Dropbox at the start/end of their paying experience.

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.