- managing and displaying images, Additionally, there's a navigation bar for searching images related to specific queries.
- Users can upload multiple images, preview them, delete them, and navigate through them using previous and next buttons.
- Image Uploading: Users can upload multiple images.
- Image Preview: Uploaded images can be previewed before final submission.
- Image Navigation: Users can navigate through uploaded images using previous and next buttons.
- Image Deletion: Uploaded images can be deleted individually.
- USearch Functionality: Navigation bar allows users to search for images related to specific queries (e.g., "anime").
To run this application locally, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory in your terminal.
- Run
npm install
to install the necessary dependencies. - Run
ng serve
to start the development server. - Open your web browser and navigate to
http://localhost:4200/
to view the application.
Once the application is running, you can:
- Upload images by clicking the upload button and selecting multiple images from your file system.
- Preview uploaded images by clicking on them.
- Navigate through uploaded images using the previous and next buttons.
- Delete uploaded images by clicking on the delete button.
- Search for images related to specific queries using the navigation bar.
This project relies on the following dependencies:
- Angular: A platform and framework for building single-page client applications using HTML and TypeScript.
- LightGallery: A lightweight, modular, and responsive image gallery plugin for jQuery.
- FontAwesome: A popular icon set and toolkit.
- rxjs: Reactive Extensions for JavaScript. It is a library for reactive programming using observables.
- typescript: A typed superset of JavaScript that compiles to plain JavaScript.
For more details on dependencies and their versions, please refer to the package.json
file.
Feel free to interact with the project, browse through different jobs, and explore the user-friendly interface. The live demo provides a hands-on experience to see the Tabs Project in action.