Document Explorer is a web application that allows users to explore and manage documents and folders. This application provides a user-friendly interface to view, sort, and filter documents based on various criteria. It is built using React and utilizes React Router for seamless navigation.
Deployed on Vercel --> https://document-explorer.vercel.app/
- Sorting: Sort documents by name, date, size, or file type.
- Filtering: Filter documents by filename for quick search.
- Folder Structure: View documents organized within folders.
- Responsive Design: Accessible and functional on various devices.
Before you begin, ensure you have met the following requirements:
- Node.js installed on your local machine.
To set up this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/praizjosh/document-explorer.git
-
Navigate to the project directory:
cd document-explorer
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
The application will be accessible at
http://localhost:5173
.
- Explore Documents: Navigate through folders and view documents.
- Sort Documents: Use the dropdown menu to sort documents by name, date, size, or file type.
- Filter Documents: Use the search bar to filter documents by filename.
- Responsive Design: Enjoy a seamless experience on both desktop and mobile devices.
- React: A JavaScript library for building user interfaces.
- React Router: Declarative routing for React.js.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Vite: A fast development server and bundler for modern web development.
- ESLint: A pluggable JavaScript linter to catch common mistakes.
- Jest: A JavaScript testing framework for unit testing components.
- Josh Praise - GitHub Profile
This project is licensed under the ISC License - see the LICENSE file for details.