Coder Social home page Coder Social logo

lakshya-20 / vt-webclient Goto Github PK

View Code? Open in Web Editor NEW

This project forked from code-gambit/vt-webclient

0.0 1.0 0.0 1.2 MB

Web Client for V Transfer (a distributed file-sharing system)

Home Page: https://vt-webclient.herokuapp.com/

License: GNU Affero General Public License v3.0

HTML 1.50% JavaScript 94.26% CSS 4.24%

vt-webclient's Introduction

Web Client for V Transfer

JavaScript Slack License GitHub code size in bytes
CircleCI Workflow Status React GitHub last commit

Project description

This project is the web client for V Transfer, allowing people to share their file easily with minimum steps without compromising the security. At the backend we are using IPFS, to upload a file, which is a blockchain-based technology for file sharing and thus making file upload more secure and reliable. Given below are some of the key feature of this app.

  1. Upload file and get a short url for sharing
  2. Create different URL with different configuration like
    • Limit click count
    • Control visibility of url (suspending the url temporarily)
    • Deleting the url
  3. View file details and related urls
  4. User authentication for better security
  5. Manage user details

Development Setup

Before setting up the development environment make sure you have downloaded the npm ~6.14 and Node.js ~14.16 and added them to path variables. Downloading Node.js

Building the Code

  1. Clone the repository using command:
    git clone https://github.com/code-gambit/VT-WebClient.git
  2. Install NPM packages
    npm install
  3. Create .env file to setup environment variables
    REACT_APP_BACKENDURL=<BACKEND_URL>
    REACT_APP_APIKEY=<API_KEY>
    REACT_APP_FRONTENDURL="http://localhost:3000"
    REACT_APP_TITLE="V Transfer"
    
  4. In the root directory run
    npm start
    
  5. Open http://localhost:3000 to view it in the browser.

Roadmap

See the open issues for a list of proposed features and known issues.

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -m 'Add some feature')
  4. In case of multiple commits squash them. You can find guide here: how to squash commits
  5. Run the tests with (npm run test) and make sure all tests are passed.
  6. Push your branch (git push origin my-new-feature)
  7. Create a new Pull Request, following the template

CI

Currently, we have a basic CircleCI workflow setup for CI, which takes care of building the project and running the basic checks. Make sure all your pull requests pass the CI build only then, it will be allowed to merge.

vt-webclient's People

Contributors

lakshya-20 avatar ayush0x00 avatar danishjamal104 avatar chhavituteja 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.