# Image-Display-App

**Repository Path**: chyyuu/Image-Display-App

## Basic Information

- **Project Name**: Image-Display-App
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-01
- **Last Updated**: 2024-12-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<a href="https://www.python.org"><img src="https://www.python.org/static/community_logos/python-logo-master-v3-TM.png" title="Python" width="500px" height="200px" alt="Python"></a>

<a href="https://www.djangoproject.com"><img src="https://static.djangoproject.com/img/logos/django-logo-negative.png" title="Django" width="500px" height="200px" alt="Django"></a>

<a href="#"><img src="https://www.pngitem.com/pimgs/m/206-2069813_file-css-and-html-css-logo-svg-hd.png" title="html" width="300px" height="auto" alt="html"></a>

<a href="https://getbootstrap.com/"><img src="https://getbootstrap.com/docs/4.0/assets/brand/bootstrap-social-logo.png" title="bootstrap" width="300px" height="auto" alt="bootstrap"></a>

# Image Display App (IMAGE HANDELING)

In this project, I have created a simple image display app. We will upload image from the admin panel. There are also addition field like title and description. I have also created a detailed view in which I have created a carousel which will display image in slideshow manner. These project was to clear the media handlings basics in django.  

[![Build Status](http://img.shields.io/travis/badges/badgerbadgerbadger.svg?style=flat-square)](https://travis-ci.org/badges/badgerbadgerbadger)
[![Coverage Status](http://img.shields.io/coveralls/badges/badgerbadgerbadger.svg?style=flat-square)](https://coveralls.io/r/badges/badgerbadgerbadger)

# Outputs

## Admin Panel

Admin Panel will get the image and other inputs from admin.

<img src="https://github.com/suyashphatak23/Image-Display-App/blob/main/outputs/AdminPanel.PNG" title="No Task" width="auto" height="auto" alt="No Task">

## Home Page

The user interface of the home page in card manner of bootstrap.

<img src="https://github.com/suyashphatak23/Image-Display-App/blob/main/outputs/HomePage.PNG" title="No Task" width="auto" height="auto" alt="No Task">

## Detailed View of Images

This is detailed view of image where we can see more than one image.

<img src="https://github.com/suyashphatak23/Image-Display-App/blob/main/outputs/CarouselView.PNG" title="No Task" width="auto" height="auto" alt="No Task">

# Clone

***Clone this repo to your local machine using*** **https://github.com/suyashphatak23/Image-Display-App**

# Setup

1. > Install **Python and PIP**
2. > Open **Command Prompt**
3. > Install **django** python-libray in your local machine by using following commands:

```shell
> pip install django
```

4. > Install **pillow** python-libray in local machine by using following commands:

```shell
> pip install pillow
```

5. > Go to Project directory and open **Command Prompt** with the directory location.

6. >Type
```shell
> python manage.py runserver
```

7. This will give you link to the server. Click it to go to website.

# License

**[MIT license](http://opensource.org/licenses/mit-license.php)**

[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)