Coder Social home page Coder Social logo

edwinkipchumba / gallery-app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 21.1 MB

This is a web application that allows users to view photos stored in galleries by location. The admin is responsible for uploading, editing, and deleting photos.

Home Page: https://pics--gallery.herokuapp.com/

License: MIT License

Python 97.40% CSS 0.66% HTML 0.96% PowerShell 0.07% Shell 0.03% JavaScript 0.88%
django python3 html5 css3 bootstrap5 postgresql javascript

gallery-app's Introduction

pic's Gallery

Build by [Kolem Edwin]

Description

This is a web application that allows users to view photos stored in galleries by location. The admin is responsible for uploading,editing and deleting of photos.

Screenshot images

Live page

https://github.com/edwinkipchumba/gallery-app

User stories

These are the characteristics application implements for user by application.

Users would like to:

  1. View all photos submitted.
  2. click on photo to display more details.
  3. search for photos by category.
  4. copy links to photos and share.

Admin Abilities

These are the behaviours the application implements for use by admin.

Admin roles:

  1. sign in to the gallery.
  2. create new photo shocasing.
  3. delete photos.
  4. update the gallery.

Behaviour Driven Development (BDD)

Behaviour Input Output
Admin Authentication On demand Access Admin dashboard
Display all photos Home page Clickable links to open any photos in a model
Display single photos on click On click All details should be viewed
To add a photo Through Admin dashboard Add and add categories and tag location of photo
To edit a photo Through Admin dashboard Redirected to the photo form details
To delete a photo Through Admin dashboard Click on photo and confirm by deleting button
To search a photo Enter text in search bar Users can search by category
To filter by location click drop-down menu on navbar Users can view photos by location

Setup | Installation Requirements

  1. python3.8
  2. virtualenv
  3. requirements.txt
  4. django

Cloning

  • Open Terminal {Ctrl+Alt+T}
$git clone https://github.com/edwinkipchumba/gallery-app
$cd gallery
  • open based on the text editor you have.

Running the Application

  • Creating the virtual environment

$ python3 -m venv --without-pip virtual

$ source virtual/bin/activate

$ curl https://bootstrap.pypa.io/get-pip.py | python

  • Installing Django and other Modules

$ see Requirements.txt

  • To run the application, in your terminal:

$ python3 manage.py runserver

Technology used

  • django and postgresql
  • HTML5
  • css
  • Bootsrap5
  • python3.8

Known Bugs

If you find a bug, kindly feel free to comment an issue here and inlcude their corresponding results.

Contact Information

Feel free to contact me incase of any issue or questions, ideas and concern towards the same.

License

https://github.com/edwinkipchumba/gallery-app/blob/master/LICENSE

gallery-app's People

Contributors

edwinkipchumba avatar

Stargazers

Roman avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.