![](https://private-user-images.githubusercontent.com/49924090/330009713-707fff67-eb09-457b-8b72-b3eba044d352.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MTA1MjMsIm5iZiI6MTcyNDYxMDIyMywicGF0aCI6Ii80OTkyNDA5MC8zMzAwMDk3MTMtNzA3ZmZmNjctZWIwOS00NTdiLThiNzItYjNlYmEwNDRkMzUyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE4MjM0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY1ZWZiMDVhYmIyNjU4NDU2ZmFjNTc2ZjFkNWVmYzg2OTM5ZDc3MTcyOWI5ZDA3NmQ5MDgzNjRkNGJlMDQyN2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ImStmTQKE9m6lAbnWw1NTK6JBiIlS34Fqjg9qoDbUQ8)
File Explorer Demo built with React & Typescript.
- Render List of Nested Folders: Allow to render the folders & files with icons.
- Popup Menu: On right click on files a popup opens and you should allow copy, deletion and rename of the files ( for now console log the file name and the event.i.e copy, delete, rename ).
![](https://private-user-images.githubusercontent.com/49924090/330010858-bfe236e3-1989-4c7b-822a-4117062e993e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MTA1MjMsIm5iZiI6MTcyNDYxMDIyMywicGF0aCI6Ii80OTkyNDA5MC8zMzAwMTA4NTgtYmZlMjM2ZTMtMTk4OS00YzdiLTgyMmEtNDExNzA2MmU5OTNlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDE4MjM0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBhZGM0YmZiOGE1YTFjYWU5ODYwMGFmMTU1MzQyZTViMzg3Y2FlYjVhODNiOGFhYTE0YmNhYTRjYjE3MWQ2MWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.yzS6mvb4pmlIvPUK7kK3FAYTHUhXDnMcM_UnuZOWLE4)
-
Clone the repository:
git clone https://github.com/Shaban-Eissa/Jisr-React-Task
-
Install dependencies:
cd Jisr-React-Task npm install
-
Run the application:
npm start
The application will be accessible at
http://localhost:3000
.
This project utilizes a stack of modern technologies for efficient development and optimal user experience:
- React
- Tyepscript
Contributions are welcome! Please follow these guidelines:
- Fork the repository.
- Create a new branch for your feature/bugfix:
git checkout -b feature-name
. - Commit your changes:
git commit -m 'Add some feature'
. - Push to the branch:
git push origin feature-name
. - Open a pull request.