https://github.com/shivanshu840/hashedtoken
The File Traversal System is a web application built using Node.js for the backend and React.js for the frontend. It allows users to traverse a directory structure, displaying folders and files hierarchically.
https://github.com/shivanshu840/hashedtoken
express mongodb nodejs reactjs sql
Last synced: 2 months ago
JSON representation
The File Traversal System is a web application built using Node.js for the backend and React.js for the frontend. It allows users to traverse a directory structure, displaying folders and files hierarchically.
- Host: GitHub
- URL: https://github.com/shivanshu840/hashedtoken
- Owner: Shivanshu840
- Created: 2024-08-17T12:06:17.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-17T12:38:15.000Z (almost 2 years ago)
- Last Synced: 2025-03-22T17:37:40.193Z (about 1 year ago)
- Topics: express, mongodb, nodejs, reactjs, sql
- Language: JavaScript
- Homepage: https://hashed-token.vercel.app
- Size: 44.9 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# File Traversal System
The File Traversal System is a web application built using Node.js for the backend and React.js for the frontend. It allows users to traverse a directory structure, displaying folders and files hierarchically. Users can interact with the folders to view subfolders and files, mimicking a file explorer.
## Features
- Directory Traversal: Users can explore nested directories and view their contents.
- Responsive UI: Built with React.js, the frontend offers an interactive and dynamic user experience.
- Backend API: Node.js and Express power the backend, providing APIs for folder and file operations.
## Tech Stack
**Frontend:** React.js
**Backend:** Node.js, Express
**Database:** MongoDB (if used for storing folder structures)
**Styling:** CSS (or Bootstrap)
## Installation
**Clone the Repository:**
```bash
git clone https://github.com/Shivanshu840/HashedToken.git
cd HashedToken
```
**Backend setup:**
```bash
cd backend
npm install
```
- **Environment Variables:**
```bash
PORT=5000
MONGO_URI=your_mongodb_connection_string
```
- **Start Backend:**
```bash
node app.js
```
**Frontend setup:**
```bash
cd File_traversal_system
```
- **Start Frontend:**
```bash
npm run dev
```
## API Reference
#### Get Folder items
```http
Endpoint: GET /folders/list
Description: Retrieves a list of all folders and their subfolders.
```
#### Create a Folder
```http
Endpoint: POST /folders/create-folder
Description: Creates a new folder.
```
| Parameter | Type | Description |
| :-------- | :------- | :-------------------------------- |
| `name` | `string` | **Required**. Name of the folder |
| `parent` | `objectID` | **Required**. Folder of the parent id (optional) |
| `children` | `Array(objectID)` | **Required**. Hold the childeren Reference |
## Usage/Examples
- Navigate to the root directory of the project.
- Start the backend and frontend as described in the installation section.
- Open your browser and go to https://hashed-token.vercel.app/.
- Start exploring the folder structure.
## Contributing
Contributions are always welcome!
See `contributing.md` for ways to get started.
Please fork the repository and create a pull request with your changes.
## Contact
If you have any questions or issues, feel free to open an issue on GitHub or contact me directly at rajshivanshu544@gmail.com.