Web Image Uploader

A web application for uploading and displaying images with dynamic styling. This project is built using HTML, CSS, JavaScript, Node.js, and Express. It includes features like image scaling, animations, and real-time updates.

Features

• Image upload with dynamic styling
• Real-time display of uploaded images
• Responsive design for various devices
• Animated transitions and transformations
• Server-side handling of image uploads using Node.js and Express
• Utilizes Multer for file upload functionality

Getting Started

Image.Display.-.Google.Chrome.2024-02-03.11-48-26.mp4

Prerequisites

• Node.js installed on your machine
• npm package manager

Installation

Forking the Project: Fork the repository (click the 'Fork' button at the top right of the repository page).

Clone your fork locally:

1. Clone the repository:

   git clone https://github.com/your-username/Web-Image-Uploader.git

2. Navigate to the project directory:

   cd Web-Image-Uploader

3. Install dependencies:

   npm install

4. Run the server:

   node server.js

   or

   npm start

5. Open your browser and go to http://localhost:3000 to view the application.

Usage

• Choose an image file using the "Choose Image" button.
• The selected image will be uploaded and dynamically displayed on the web page.
• Explore the animated transitions and transformations on hover.

Contributing

Contributions are welcome! Please follow the Contributing Guidelines.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Special thanks to Multer for simplifying file uploads.
• Inspiration from various image upload and display projects on GitHub.

Contact

For any inquiries, please contact Ajay Dhangar.