https://github.com/zhon12345/file-management-system
A full-stack application built with a Vue.js frontend that interacts with a Node.js, Express.js backend and a MySQL database through REST APIs.
https://github.com/zhon12345/file-management-system
axios backend bootstrap bootstrap5 expressjs file-management-system file-upload frontend full-stack javascript multer mysql mysql2 nodejs rest-api restful-api vue vue3 vuejs web-application
Last synced: 3 months ago
JSON representation
A full-stack application built with a Vue.js frontend that interacts with a Node.js, Express.js backend and a MySQL database through REST APIs.
- Host: GitHub
- URL: https://github.com/zhon12345/file-management-system
- Owner: zhon12345
- Created: 2024-10-15T07:21:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-28T14:51:58.000Z (over 1 year ago)
- Last Synced: 2024-10-29T09:09:30.922Z (over 1 year ago)
- Topics: axios, backend, bootstrap, bootstrap5, expressjs, file-management-system, file-upload, frontend, full-stack, javascript, multer, mysql, mysql2, nodejs, rest-api, restful-api, vue, vue3, vuejs, web-application
- Language: Vue
- Homepage:
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# File Management System
A full-stack File Management System application originally created for a technical assessment, designed to facilitate Create, Read, Update, and Delete (CRUD) operations. Users can efficiently manage files through uploads, downloads, renaming, and deletion, supported by a robust backend and a user-friendly frontend.
**Date submitted:** 15th October 2024
## Technologies Used
- **Front-End:** Vue.js, Vue-Router, Pinia, Axios, Bootstrap
- **Back-End:** Node.js, Express.js, Multer, Docker
- **Database:** MySQL
## Installation
To run the project locally, follow these steps:
### Prerequisites
- [Node.js](https://nodejs.org/en/download/prebuilt-installer)
- [Docker](https://docs.docker.com/desktop/setup/install/windows-install/)
### Setup
1. Clone the repository
```bash
git clone https://github.com/zhon12345/File-Management-System.git
```
2. Navigate to the project directory
```bash
cd File-Management-System
```
3. Rename `.env.example` to `.env` and configure environment variables.
4. Install dependencies:
```bash
npm run install-all
```
5. Start the project:
```bash
npm start
```
6. The client will run on `http://localhost:5173` while the server will run on `http://localhost:8080` by default.