shaban-eissa/jisr-react-task

File Explorer Demo – used to show nested folders contain files inside like IDE based on selected folder. It's build with React & Typescript with menu for each file when right click contain (copy, rename, delete) actions.

React Typescript Task For Technical Interview

File Explorer Demo built with React & Typescript.

Table of Contents

• Features
• Demo
• Installation
• Technologies Used
• Contributing

Features

• 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 ).

Demo

Installation

1. Clone the repository:

   git clone https://github.com/Shaban-Eissa/Jisr-React-Task

2. Install dependencies:

   cd Jisr-React-Task
   npm install

3. Run the application:

   npm start

   The application will be accessible at http://localhost:3000.

Technologies

This project utilizes a stack of modern technologies for efficient development and optimal user experience:

• React
• Tyepscript

Contributing

Contributions are welcome! Please follow these guidelines:

1. Fork the repository.
2. Create a new branch for your feature/bugfix: git checkout -b feature-name.
3. Commit your changes: git commit -m 'Add some feature'.
4. Push to the branch: git push origin feature-name.
5. Open a pull request.