Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gowthamsiddarthademan/wi-fi_file_sharing_app
A simple web application built using Flask that allows you to share files between devices connected to the same Wi-Fi network. This app works dynamically between laptops and mobile devices, enabling easy file transfer without needing an internet connection.
https://github.com/gowthamsiddarthademan/wi-fi_file_sharing_app
flask python web-application webapp wifi wifi-sharing wifi-sharing-app
Last synced: about 2 months ago
JSON representation
A simple web application built using Flask that allows you to share files between devices connected to the same Wi-Fi network. This app works dynamically between laptops and mobile devices, enabling easy file transfer without needing an internet connection.
- Host: GitHub
- URL: https://github.com/gowthamsiddarthademan/wi-fi_file_sharing_app
- Owner: gowthamsiddarthademan
- Created: 2024-12-05T19:28:54.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-05T19:36:00.000Z (2 months ago)
- Last Synced: 2024-12-05T20:27:06.579Z (2 months ago)
- Topics: flask, python, web-application, webapp, wifi, wifi-sharing, wifi-sharing-app
- Language: HTML
- Homepage:
- Size: 0 Bytes
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wi-Fi File Sharing App
A simple web application built using **Flask** that allows you to share files between devices connected to the same Wi-Fi network. This app works dynamically between laptops and mobile devices, enabling easy file transfer without needing an internet connection.
### Features
- **Dynamic File Sharing**: Allows sharing files from **Laptop to Mobile** and **Mobile to Laptop** on the same local Wi-Fi network.
- **File Upload**: Upload files from the device to a server.
- **File Download**: View a list of uploaded files and download them to the device.
- **Simple UI**: Easy-to-use interface with custom CSS for an engaging user experience.
- **Offline Use**: Works without requiring an internet connection, leveraging a local Wi-Fi network.
### Technologies Used
- **Python**: Programming language for back-end logic.
- **Flask**: Web framework to build the app.
- **HTML/CSS**: Front-end design and styling.
- **Local File Storage**: Files are stored on the server (in a shared directory) and can be downloaded.
### Installation
- Simply run the following command in your terminal or command prompt:
```bash
pip install flask
```
- This is the only library required to run your app.
### Project Structure
```
file_sharing_app/
├── app.py # Flask application code
├── shared_files/ # Directory to store uploaded files
├── static/ # Static files (CSS)
│ └── style.css # Your custom styles
└── templates/ # HTML templates
├── home.html # Home page template
├── upload.html # Upload page template
├── upload_success.html # Success page after upload
└── download.html # Download page template
```
### How It Works
1. **Home Page**: The landing page (`home.html`) gives the user the option to upload files or view the list of uploaded files.
2. **Upload Page**: The user selects files and uploads them. Once the files are successfully uploaded, a confirmation page (`upload_success.html`) is shown.
3. **Download Page**: A list of available files is displayed (`download.html`), where the user can click to download any file.
### Directory and File Structure
- **app.py**: This is the main Flask application that handles routing for uploading, downloading, and listing files.
- **shared_files/**: This folder is where uploaded files are stored.
- **static/**: This folder contains the custom CSS (`style.css`) used for the styling of the pages.
- **templates/**: This folder contains the HTML templates for the app (home, upload, success, and download pages).
### Access the App from Mobile
- On your mobile device, open a browser (Chrome, Safari, etc.).
- Type the laptop's IP address followed by the port number 5000. For example:
```bash
http://192.168.1.101:5000
```
- You should see the home page of your file-sharing app.
### Customization
- You can customize the CSS styles to modify the look and feel of the app. The CSS file is located in `static/style.css`.
- To change the storage path of uploaded files, modify the `UPLOAD_FOLDER` variable in `app.py`.
### Contact me
- Email ID: [email protected]
- IG ID: @gowthamsiddarthademan
### Conclusion
This app provides an easy-to-use solution for sharing files between devices over a local Wi-Fi network. It’s a simple and efficient way to share files without the need for an internet connection. The app’s design is minimalistic, and the logic is built using Flask, Python’s lightweight web framework.