https://github.com/a1exalexander/tree-view

Tree View – technical task
https://github.com/a1exalexander/tree-view

css html msw typescript vite

Last synced: 2 days ago
JSON representation

Tree View – technical task

• Host: GitHub
• URL: https://github.com/a1exalexander/tree-view
• Owner: a1exalexander
• Created: 2024-03-16T07:17:12.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-19T10:22:33.000Z (10 months ago)
• Last Synced: 2025-01-01T20:53:43.527Z (5 days ago)
• Topics: css, html, msw, typescript, vite
• Language: TypeScript
• Homepage: https://sashko-tree-view.netlify.app/
• Size: 18.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📋 Technical Task - Tree View

This is a technical task for a Front End developer position. The task involves implementing a tree view component with specific requirements.

## 📌 Main Requirements

1. Create a data structure for folders and files that will be received from the Backend API. The structure should be in the form of a JSON response file for further data manipulation.

2. Implement a tree view with expandable nested folders. Clicking on a folder should display its immediate sub-folders and files. Consider all possible scenarios for displaying the tree view, such as handling empty folders and indicating the active container.

3. Add a search functionality to filter folders and files by name.

> Please note that the use of GPT chat is discouraged for this task.

## ✨ Additional Requirements (Nice to Have)

1. Write test cases for the search functionality.

2. Implement access rights for each folder and file.

3. Explore the functionality of moving and deleting folders and files.

4. Identify potential performance vulnerabilities.

## 📦 Stack Description

- **Vite**: Building and development

- **TypeScript**: Type checking

- **HTML**: Templating

- **CSS**: Styling

- **MSW**: Server mocking

- **gh-pages**: Deployment