https://github.com/andrewjbateman/file-metadata
:clipboard: FCC project to be able to select and upload a file via a UI
https://github.com/andrewjbateman/file-metadata
cors fcc freecodecamp freecodecamp-project javascript metadata metadata-microservice metadata-parser multer nodejs
Last synced: about 9 hours ago
JSON representation
:clipboard: FCC project to be able to select and upload a file via a UI
- Host: GitHub
- URL: https://github.com/andrewjbateman/file-metadata
- Owner: AndrewJBateman
- Created: 2018-06-01T07:50:40.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T11:21:38.000Z (about 3 years ago)
- Last Synced: 2025-05-17T01:34:30.714Z (12 months ago)
- Topics: cors, fcc, freecodecamp, freecodecamp-project, javascript, metadata, metadata-microservice, metadata-parser, multer, nodejs
- Language: HTML
- Homepage:
- Size: 1.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# :zap: File Metadata Microservice for freeCodeCamp
* extracts uploaded file metadata and stores file using [multer](https://www.npmjs.com/package/multer) node.js middleware
* This was part of the FreeCodeCamp exercises for Front End Certification
* **Note:** to open web links in a new window use: _ctrl+click on link_
## :page_facing_up: Table of contents
* [:zap: File Metadata Microservice for freeCodeCamp](#zap-file-metadata-microservice-for-freecodecamp)
* [:page_facing_up: Table of contents](#page_facing_up-table-of-contents)
* [:books: General info](#books-general-info)
* [:camera: Screenshots](#camera-screenshots)
* [:signal_strength: Technologies](#signal_strength-technologies)
* [:floppy_disk: Setup](#floppy_disk-setup)
* [:computer: Code Examples](#computer-code-examples)
* [:cool: Features](#cool-features)
* [:clipboard: Status & To-Do List](#clipboard-status--to-do-list)
* [:clap: Inspiration](#clap-inspiration)
* [:envelope: Contact](#envelope-contact)
## :books: General info
* Original instructions (User Stories) from FCC:
1. I can submit a form that includes a file upload.
2. The from file input field has the "name" attribute set to "upfile". We rely on this in testing.
3. When I submit something, I will receive the file name and size in bytes within the JSON response
4. To handle the file uploading you should use the [multer](https://www.npmjs.com/package/multer) npm package.
## :camera: Screenshots
.
## :signal_strength: Technologies
* [Node v14](https://nodejs.org/en/) javaScript runtime built on Chrome's V8 JavaScript engine
* [Express v5](https://expressjs.com/) Fast, unopinionated, minimalist web framework for Node.js
* [multer v1](https://www.npmjs.com/package/multer) node.js middleware for handling multipart/form-data, mainly used for uploading files
* [Cors v2](https://www.npmjs.com/package/cors) node.js package for providing Connect/Express middleware that can be used to enable CORS with various options.
## :floppy_disk: Setup
* Run `node server.js` for a dev server. Navigate to `http://localhost:8080/`.
* The app will not automatically reload if you change any of the source files.
## :computer: Code Examples
* extract from `server.js` to upload file and produce a json object with file details (or error message if it does not work)
```javascript
app.post('/api/fileanalyse', upload.single('upfile'), (req, res, next) => {
const fileSize = req.file && req.file.size;
console.log(typeof fileSize); //should return 'number'
res.json(
typeof fileSize == 'undefined'
? { error: 'sorry, but there is a file error' }
: {
name: req.file.originalname,
type: req.file.mimetype,
size: req.file.size + ' bytes',
}
);
});
```
## :cool: Features
* multer used to upload files - uploaded files stored in a folder named 'uploads'. If this folder does not exist then it is created.
## :clipboard: Status & To-Do List
* Status: Working
* To-Do: nothing
## :clap: Inspiration
* [freeCodeCamp's APIs and Microservices Projects - File Metadata Microservice](https://www.freecodecamp.org/learn/apis-and-microservices/apis-and-microservices-projects/file-metadata-microservice)
## :file_folder: License
* This project is licensed under the terms of the MIT license.
## :envelope: Contact
* Repo created by [ABateman](https://github.com/AndrewJBateman), email: gomezbateman@yahoo.com