Image-Uploader Tailwind Templates

Image Uploader

This is an Image Uploader application built using React, Node.js, Express, and Tailwind CSS. The application allows users to upload images, either by dragging and dropping them or by selecting them from their local folders. It provides a seamless user experience with a loader while uploading and allows users to view the uploaded image and copy its

Image Uploader Application

This is an Image Uploader application built using React, Node.js, Express, and Tailwind CSS. The application allows users to upload images, either by dragging and dropping them or by selecting them from their local folders. It provides a seamless user experience with a loader while uploading and allows users to view the uploaded image and copy its URL to the clipboard.

User Stories

  • As a user, I can drag and drop an image to upload it.
  • As a user, I can choose to select an image from my folder.
  • As a user, I can see a loader when uploading.
  • As a user, when the image is uploaded, I can see the image and copy its URL.
  • As a user, I can choose to copy the image URL to the clipboard.

Technologies Used

  • React
  • Node.js
  • Express
  • Tailwind CSS

Getting Started

To run the Image Uploader application locally, follow these steps:

1. Clone the repository:

git clone https://github.com/oussama-gadria/image-uploader.git

2. Navigate to the project directory:

cd image-uploader

3. Install the dependencies:

npm install

4. Start the development server:

npm start

Top categories

Loading Svelte Themes