assembler-institute · bbenalia · Jun 21, 2021 · Jun 22, 2021 · Jun 22, 2021 · Jun 22, 2021
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+# Ignores root directory 
+root
+.vscode
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Assembler School of Software Engineering
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -3,74 +3,87 @@
 # PHP Local FileSystem explorer <!-- omit in toc -->
 
 <p>
-  <img alt="Version" src="https://img.shields.io/badge/version-1.0-blue.svg?cacheSeconds=2592000" />
+  <img alt="Capture" src="./assets/img/capture.png" />
 </p>
 
->In this project you will have to create a system file explorer that allows the user to navigate, create directories and upload files in the same way as he would in his usual operating system. 
-
->The file explorer is a tool that allows you to directly view and manipulate the files and directories associated with a path, so you must take into account from which path the user starts and which path they can access.
-
-
 ## Index <!-- omit in toc -->
-
-- [Requirements](#requirements)
-- [Repository](#repository)
+- [Getting started](#getting-started)
+  - [Prerequisites](#prerequisites)
+  - [Installing](#installing)
+- [Branches naming strategy](#branches-naming-strategy)
+- [Tests](#tests)
+- [Libraries](#libraries)
 - [Technologies used](#technologies-used)
-- [Project delivery](#project-delivery)
 - [Resources](#resources)
+- [License](#license)
+- [Contributors ✨](#contributors-)
 
-## Requirements
+## Getting started
+This project was made to learn how to create a system file explorer that allows the user to navigate, create directories and upload files in the same way as he would in his usual operating system. 
 
-- You cannot use file third-party libraries
-- You will not be able to use global variables in PHP.
-- You must use GIT
-- You must use the PHP > v7
-- Create a clear and orderly directory structure
-- Both the code and the comments must be written in English
-- Use the camelCase code style to define variables and functions
-- In the case of using HTML, never use inline styles
-- In the case of using different programming languages always define the implementation in separate terms
-- Remember that it is important to divide the tasks into several sub-tasks so that in this way you can associate each particular step of the construction with a specific commit
-- You should try as much as possible that the commits and the planned tasks are the same
-Delete files that are not used or are not necessary to evaluate the project
+### Prerequisites
+First, you need XAMPP, you can download it from [here](https://www.apachefriends.org/es/index.html).
 
-## Repository
+You also need the latest version of PHP. We currently use PHP 8
 
-First of all you must fork this project into your GitHub account.
+### Installing
+Clone this project in your htdocs folder:
 
-To create a fork on GitHub is as easy as clicking the “fork” button on the repository page.
+```
+git clone https://github.com/imalovelyghost/filesystem-explorer.git
+```
 
-<img src="https://docs.github.com/assets/images/help/repository/fork_button.jpg" alt="Fork on GitHub" width='450'>
+## Branches naming strategy
+- main: includes the main product
+- `F/<number>`: a feature implementation branch
+- `D/<number>`: a document branch
 
-## Technologies used
+## Tests
+There are yet no tests for this project.
 
-\* HTML
-
-\* CSS
+## Libraries
+\* Magnific-Popup
 
-\* JS
+\* Bootstrap
 
-\* PHP
+\* Bootstrap Icons
 
-## Project delivery
+\* LineIcons
 
-To deliver this project you must follow the steps indicated in the document:
+## Technologies used
+\* HTML
 
-- [Submitting a solution](https://www.notion.so/Submitting-a-solution-524dab1a71dd4b96903f26385e24cdb6)
+\* CSS
 
-- You must include the project documentation in PDF format.
-- You must include a presentation in PDF format explaining:
-  - Comparison of the original design (Wireframe) with the final result of the project
-  - Comparison of the use case diagram with the actions that the user can finally perform
-  - Comparison of the original use case diagram with the final user actions
-  - What lessons you’ve learned during this project
-  - What problems have you encountered when developing this project?
-  - How you have organized and distributed the tasks
+\* jQuery v3.6
 
+\* PHP v8
 
 ## Resources
-
 - [File system](https://es.wikipedia.org/wiki/Administrador_de_archivos)
 - [PHP FileSystem W3C](https://www.w3schools.com/php/php_ref_filesystem.asp)
 - [PHP FileSystem Oficial](https://www.php.net/manual/es/book.filesystem.php)
 - [README Guidelines Example](https://gist.github.com/PurpleBooth/109311bb0361f32d87a2)
+
+## License
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details
+
+## Contributors ✨
+Thanks goes to these wonderful people([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<table>
+  <tr>
+   <td align="center"><a href="https://github.com/imalovelyghost"><img src="https://avatars.githubusercontent.com/u/79602817?v=4" width="100px;" alt=""/><br /><sub><b>imalovelyghost</b></sub></a><br /><a href="https://github.com/imalovelyghost/filesystem-explorer/commits?author=imalovelyghost" title="Code">💻</a> <a href="#design-imalovelyghost" title="Design">🎨</a> <a href="#ideas-imalovelyghost" title="Ideas, Planning, & Feedback">🤔</a> <a href="#projectManagement-imalovelyghost" title="Project Management">📆</a></td>
+
+   <td align="center"><a href="https://github.com/bbenalia"><img src="https://avatars.githubusercontent.com/u/65949632?v=4?s=100" width="100px;" alt=""/><br /><sub><b>bbenalia</b></sub></a><br /><a href="https://github.com/imalovelyghost/filesystem-explorer/commits?author=bbenalia" title="Code">💻</a> <a href="#design-bbenalia" title="Design">🎨</a> <a href="#ideas-bbenalia" title="Ideas, Planning, & Feedback">🤔</a> <a href="#projectManagement-bbenalia" title="Project Management">📆</a></td>
+  </tr>
+</table>
+
+<!-- markdownlint-restore -->
+<!-- prettier-ignore-end -->
+<!-- ALL-CONTRIBUTORS-LIST:END -->
+
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -0,0 +1,51 @@
+body {
+  margin-top: 20px;
+  background-color: #f7f7ff;
+}
+
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 0px solid rgba(0, 0, 0, 0);
+  border-radius: 0.25rem;
+  margin-bottom: 1.5rem;
+  box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
+    0 2px 6px 0 rgb(206 206 238 / 54%);
+  /* min-height: 55vh; */
+}
+
+.input-file {
+  width: 0.1px;
+  height: 0.1px;
+  opacity: 0;
+  overflow: hidden;
+  position: absolute;
+  z-index: -1;
+}
+
+.side-alert {
+  position: fixed;
+  left: 25vw;
+  bottom: 0;
+  width: 50vw;
+}
+
+.cut-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.opacity-8 {
+  opacity: 0.8;
+}
+
+.drag_over {
+  border: 4px dashed #96c4ea;
+  color: #96c4ea;
+}
diff --git a/assets/img/capture.png b/assets/img/capture.png
diff --git a/assets/js/script.js b/assets/js/script.js
@@ -0,0 +1,14 @@
+// fetch("./modules/read_directories.php?file")
+//   .then(function (response) {
+//     return response.json();
+//   })
+//   .then(function (json) {
+//     console.log(json);
+//   })
+//   .catch(function (err) {
+//     console.log("Fetch problem: " + err.message);
+//   });
+
+// $("i[data-file]").click(function () {
+//   // console.log("Holaaa");
+// });
diff --git a/constants/path.php b/constants/path.php
@@ -0,0 +1,4 @@
+<?php
+
+define('ROOT_PATH', './root/');
+define('ROOT_PATH_BACK', '../root/');
diff --git a/docs/PHP Server - File Explorer.pdf b/docs/PHP Server - File Explorer.pdf