https://github.com/rohitroy-github/vite-ipfs-drive
A decentralized google drive clone designed using ViteJS, Tailwind CSS and powered by IPFS (Pinata) & Blockchain.
https://github.com/rohitroy-github/vite-ipfs-drive
alchemy blockchain context-api dapp ethersjs ipfs pinata react react-toastify smart-contracts solidity tailwind-css vitejs
Last synced: 3 months ago
JSON representation
A decentralized google drive clone designed using ViteJS, Tailwind CSS and powered by IPFS (Pinata) & Blockchain.
- Host: GitHub
- URL: https://github.com/rohitroy-github/vite-ipfs-drive
- Owner: rohitroy-github
- Created: 2023-12-06T18:47:48.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-04T08:24:01.000Z (3 months ago)
- Last Synced: 2025-04-04T09:28:29.720Z (3 months ago)
- Topics: alchemy, blockchain, context-api, dapp, ethersjs, ipfs, pinata, react, react-toastify, smart-contracts, solidity, tailwind-css, vitejs
- Language: JavaScript
- Homepage:
- Size: 6.52 MB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# IPFS Drive 1.0 (EVM-Based)
IPFS Drive 1.0 is a **decentralized alternative to Google Drive**, designed for **secure photo storage** using **Blockchain & IPFS**.
Currently, the app supports testing on **Localhost (Hardhat)** and the **Ethereum Sepolia Testnet** via an Alchemy endpoint.
---
## Snapshots
|  |  |
| ------------------------------------------- | ------------------------------------------- |
---
## Features
- **Upload and store pictures securely**
- **Preview images directly within the app**
- **Decentralized storage powered by IPFS**
- **Share drive access using wallet addresses**
---
## Tech Stack
### Frontend:
- **Vite JS** - Fast and modern frontend tooling
- **Tailwind CSS** - Utility-first styling for a sleek UI
### Backend:
- **Node.js** - Server-side runtime
- **Hardhat** - Ethereum development framework
- **Metamask Wallet** - User authentication and transactions
- **Ethers.js** - Blockchain interaction library
- **Alchemy** - Web3 infrastructure provider
- [**Pinata IPFS**](https://www.pinata.cloud/) - IPFS storage solution
---
## Deployed Networks
- ✅ **Ethereum Sepolia Testnet**
- ✅ **Hardhat Local Testnet**
---
## Setup & Testing Guide
### Setting Up Environment Variables
- Create a `.env` file in the `blockchain-hardhat` directory, using `.env.example` as a reference.
- Create a `.env` file in the `frontend-vite` directory, using `.env.example` as a reference.
### Backend Setup
#### Terminal 1 - Start Hardhat Node:
```sh
cd blockchain-hardhat
npx hardhat node
```
#### Terminal 2 - Deploy Contracts:
```sh
cd blockchain-hardhat
# OPTIONAL: Run tests
npx hardhat test
# Deploy contract to Localhost
npx hardhat run scripts/deploy[IPFSDriveContract_Main].js --network localhost
# OPTIONAL: Deploy contract to Sepolia
npx hardhat run scripts/deploy[IPFSDriveContract_Main].js --network sepolia
```
- Update **`backend-config.json`** inside `/frontend-vite` with the **latest contract address** under the **"31337"** key, fetched from Terminal 2.
### Frontend Setup
#### Terminal 1 - Start Frontend:
```sh
cd frontend-vite
npm run dev
```
---
## Contributions & Feedback
The project is functional but open to enhancements. Feel free to suggest improvements or modifications.
If you found this useful, don't forget to leave a ⭐! 😊