Code Monkey home page Code Monkey logo

solid-pod-viewer's Introduction

empathy.co OHMYPOD!

This is a work-in-progress implementation of a Solid Pod Management System.

Solid is a web decentralization project led by Tim Berners Lee in collaboration with MIT. Learn more about the solid project here.

This proof-of-concept application tries to improve the user experience (UX) with Pods (Personal Online Data Stores) making it more human, friendly & understandable.

Application is being developed in collaboration with the WESO, the Web Semantic research group of the University of Oviedo & empathy.co.

Working features

  1. Succesful Log in and Log out
  2. You can edit your profile
  3. Delete & add friends
  4. Integrated Pod File Management
  5. Internationalization in English and Spanish

Log In

When log in you will be asked for a Pod provider, either Solid Community or Inrupt.

Learn how to get a Solid Pod here or here.

This is the Log In screen. The Sign In and resgister links will redirect you to the website of the provider you may choose.

Login

Once you are logged in, you will see the welcome page Welcome page

Profile View

In the profile view you can edit any fields of your profile and they will be saved immedietely

Profile View fields

In this view you can also have the option to delete your Pod, redirecting you to your Pod provider.

Profile view delete

Friends View

In this view you can see all your friends with their profile photo and card URI. You can also delete a friend, just by pressing the button below their name. This button will ask for a confirmation before deleting the friend.

Friend View List

You can also add new friends by clicking the plus icon at the bottom right corner of the page. A dialog will appear. In this dialog you just have to choose your friends provider and then just type their username, there is no need to type the full URI.

Friend Add

Integrated Pod File Management

In myFiles view you can see all the files you have stored in your Pod.

File View

Depending of the type of file you can have different functionalities. If it is a multimedia file you can view it on this page. If the file is editable you can edit and download the file. If it is neither one of those type files you just can download it.

editable file view

Built with

  • Application based on Inrupt Solid React SDK. Available here
  • Solid React reusable components. Available here
  • LDFlex Solid library. Available here
  • Solid-file-client library. Available here
  • Enzyme testing utility for React. Available here

Quickstart

Installation guide

$ git clone https://github.com/empathyco/solid-pods-management
$ npm install

Running

$ npm start

Testing

$ npm test

Build

$ npm run build

Live Deployment

https://ohmypod.netlify.com/

License

GNU Lesser General Public License v3.0

solid-pod-viewer's People

Contributors

alexcorvis84 avatar astrd avatar cesarempathy avatar javiergarber 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.