From 201342c6735f900b333e204b8682b1ddbed1e1b2 Mon Sep 17 00:00:00 2001 From: onukwilip Date: Fri, 13 Oct 2023 15:19:10 +0100 Subject: [PATCH] Added new app idea in the beginner tier about converting .xlsx file conents to valid json --- Projects/1-Beginner/XLSX to JSON converter.md | 29 +++++++++++++++++++ README.md | 15 +++++----- 2 files changed, 37 insertions(+), 7 deletions(-) create mode 100644 Projects/1-Beginner/XLSX to JSON converter.md diff --git a/Projects/1-Beginner/XLSX to JSON converter.md b/Projects/1-Beginner/XLSX to JSON converter.md new file mode 100644 index 00000000..6eb435fc --- /dev/null +++ b/Projects/1-Beginner/XLSX to JSON converter.md @@ -0,0 +1,29 @@ +# Application Name + +**Tier:** 1-Beginner + +**PURPOSE:** User's should be able to upload a `.xlsx` file and have it's contents extracted to a valid JavaScript object + +**RESOURCES NEEDED:** The `XSLX` npm package **OR** The `xlsx` CDN + +## User Stories + +- [ ] User can view an upload button in the HTML page +- [ ] User can upload a `.xlsx` file +- [ ] The contents of the uploaded file should be extracted and converted to valid JSON +- [ ] The extracted JSON object/array should be used to populate a table + +## Bonus features + +- [ ] The file uploader should only allow valid `.xlsx` files. + +## Useful links and resources + +- For those using `npm`: [the `xlsx` library](https://www.npmjs.com/package/xlsx) +- For those using `CDN`: [the `xlsx` CDN](https://cdnjs.com/libraries/xlsx) +- [A nice and helpful resource](https://javacodepoint.com/convert-excel-file-data-to-json-in-javascript/) +- [Another nice and helpful resource](https://dev.to/lachouri/how-to-convert-xlsx-to-json-3p4d) + +## Example projects + +https://onukwilip.github.io/converting-xlsx-to-json-practice/ diff --git a/README.md b/README.md index 2d209743..77e94044 100644 --- a/README.md +++ b/README.md @@ -9,11 +9,11 @@ authors sometimes have "writers block" it's also true for developers. This list These applications are: -- great for improving your coding skills :muscle:; -- great for experimenting with new technologies 🆕; -- great for adding to your portfolio to impress your next employer/client :file_folder:; -- great for using as examples in tutorials (articles or videos) :page_with_curl:; -- easy to complete and also easily extendable with new features :ok_hand:; +- great for improving your coding skills :muscle:; +- great for experimenting with new technologies 🆕; +- great for adding to your portfolio to impress your next employer/client :file_folder:; +- great for using as examples in tutorials (articles or videos) :page_with_curl:; +- easy to complete and also easily extendable with new features :ok_hand:; This is not just a simple list of projects, but a collection that describes each project in enough detail so that you can develop it from the ground up! @@ -78,6 +78,7 @@ required to complete them. | [Wind Chill](./Projects/1-Beginner/Windchill-App.md) | Calculate the windchill factor from an actual temperature | 1-Beginner | | [Word Frequency](./Projects/1-Beginner/Word-Frequency-App.md) | Calculate word frequency in a block of text | 1-Beginner | | [Weather App](./Projects/1-Beginner/Weather-App.md) | Get the temperature, weather condition of a city. | 1-Beginner | +| [XLSX to JSON converter](./Projects/1-Beginner/) | Convert uploaded XLSX file to json object | 1-Beginner | ### Tier-2: Intermediate Projects @@ -167,8 +168,8 @@ Do you have any suggestions on how we could improve this project overall? Let us ### Main Contributors 🙂🙂 -- **Florin Pop**: [Twitter](https://twitter.com/florinpop1705) - [YouTube Channel](https://youtube.com/florinpop) - [website](https://florin-pop.com). -- **Jim Medlock**: [Twitter](https://twitter.com/jd_medlock) - [articles](https://medium.com/@jdmedlock) +- **Florin Pop**: [Twitter](https://twitter.com/florinpop1705) - [YouTube Channel](https://youtube.com/florinpop) - [website](https://florin-pop.com). +- **Jim Medlock**: [Twitter](https://twitter.com/jd_medlock) - [articles](https://medium.com/@jdmedlock) ## 100Days100Projects 🚀