Uploder is free & easy to use File Upload and data sharing site. with help of uploader files can be shared without any kind of restrictions such as upload limit or transfer limit.
Front End | Back End |
---|---|
HTML | Node.js |
CSS | Express.js |
JavaScript | Mongoose |
React | Nodemon |
Redux | |
Material UI |
- Clone repo with
git clone https://github.com/akashvaghela09/uploader.git
in your local system. - use
yarn
ornpm install
to install npm packages. - set environment variables
DATABASE_URL=<mongoDB url>
in/backend
folder for user and file data storage.REACT_APP_MONGO_URL=<mongoDB api/files>
in/client
folder for upload file history.REACT_APP_USER_POST=<mongoDB api/user>
in/client
folder for user auth.REACT_APP_USER_LOGIN=<mongoDB api/user/login>
in/client
folder for registration.
you can use DATABASE_URL=mongodb://127.0.0.1:27017/test
if MongoDB is already installed. on otherside you can use https://mocker23243.herokuapp.com/
mocker API for Testing purpose.
- Login/Register
- Upload
- Download
- Dashboard
- To Track and keep list of uploaded files by User Login/Register is Implemented, it's not a mandatory required to use project.
- Register yourself if you don't have account, and if already registered then login to the site.
-
Click on Browse and select any file which you want to upload. during upload you can check progress on right side.
-
Once Upload is completed Successfully, card will be displayed with download link.
-
There is a hamburger menu on top-left corner which will open the drawer. you can varify your name and email address.
-
Click on dashboard and get list of files uploaded by you. there will be a table denoting file name and size with download and delete buttons.
-
Click on Download and you will be redirect to download page.
- Github : https://github.com/akashvaghela09
- LinkedIn : https://www.linkedin.com/in/akashvaghela09