GithubHelp home page GithubHelp logo

harshksaw / i-file_manager Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 583 KB

Home Page: https://i-file-manager.vercel.app

JavaScript 31.44% HTML 0.76% CSS 0.26% TypeScript 66.43% Dockerfile 1.12%

i-file_manager's Introduction

File Storage Application

This application is a file storage service built with React.js for the frontend and Express.js for the backend. It allows users to manage files and folders.

Features

User Authentication

  • Sign Up: Users can create an account by providing a valid email address and password.
  • Sign In: Existing users can sign in using their registered email and password.

File Manager

  • File Upload: Users can upload images and PDFs.
  • Create Folder: Users can create new folders to organise their files.
  • Delete File/Folder: Users can delete files and folders.
  • Move File: Users can move files to different folders.
  • Rename File/Folder: Users can rename files and folders.
  • View Files: Users can preview uploaded images and PDFs.

Installation

Clone the repository:

git clone https://github.com/Harshksaw/I-File_manager

npm install

npm start

VITE_APP_URL=http://localhost:3000

# Backend Setup

The backend of this application is built with Express.js. Here are the steps to set it up:

## Installation

1. Clone the repository:

   ```bash
   git clone https://github.com/Harshksaw/I-File_manager.git
   cd I-File_manager/backend
   npm install
   npm start


   **.Create a .env file in the root directory of your backend project.**
    PORT=
    MONGODB_URI=
    NODE_ENV=
    KEY=
    CLOUD_NAME=
    API_KEY=
    API_SECRET


**Backend API**

This document describes the backend API for a file storage application. The backend is built with Express.js and consists of several routers, each handling specific functionalities.

**Routers**

* **Testing Router (`/testing`):** Used for testing purposes.
* **Authentication Router (`/auth`):** Handles user registration, login, logout, and potentially password reset.
* **Folder Router (`/folder`):** Manages folders (create, retrieve, update, delete).
* **File Router (`/file`):** Manages files (upload, retrieve, update, delete).

**Usage**

To use an API endpoint, send an HTTP request to the server with the appropriate method (GET, POST, PUT, DELETE) and the corresponding route.

**Folder API Endpoints**

* **GET /:** Returns a success message indicating the server is running.
* **GET /getFolder/:owner:** Retrieves folders owned by the specified user.
* **POST /createFolder:** Creates a new folder.
* **PUT /editFolder/:id:** Edits an existing folder.
* **DELETE /deleteFolder/:id:** Deletes a folder.

**Note:**

* The exact request and response formats may vary depending on the implementation.
* Specific functionalities depend on the corresponding controller file.

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.