https://github.com/mboladop/give-a-gif

Give a GIF Project website was created for fun during a hackaton in Code institute using: RESTful API, flask, python3, javascript, HTML5, CSS3 (GIPHY API)
https://github.com/mboladop/give-a-gif

css3 giphy-api html5 javascript python rest-api wrapper-api

Last synced: 2 months ago
JSON representation

Give a GIF Project website was created for fun during a hackaton in Code institute using: RESTful API, flask, python3, javascript, HTML5, CSS3 (GIPHY API)

• Host: GitHub
• URL: https://github.com/mboladop/give-a-gif
• Owner: mboladop
• Created: 2018-07-26T14:44:50.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T02:18:59.000Z (over 3 years ago)
• Last Synced: 2025-03-03T10:21:34.204Z (over 1 year ago)
• Topics: css3, giphy-api, html5, javascript, python, rest-api, wrapper-api
• Language: JavaScript
• Homepage: https://mboladop.github.io/Give-a-Gif
• Size: 86.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#EDUCATIONAL PURPOSES ONLY.

# Give a GIF

![Desktop Demo](https://raw.githubusercontent.com/mboladop/Give-a-Gif/master/README_files/giveagif.gif "Desktop Demo")

### What is this website for?

Give a GIF Project website was created for fun during a hackaton in Code Institute.

Created with the following GitHub users: 

- /**hschafer**

- /**Miguelmargar**

- /**mboladop**

Developed further by:

- /**mboladop**

### How does it work

 

This website uses **Java-Script** and **jQuery** to route viewers through the site. The site is styled with **Bootstrap**, **css3** and **Google Fonts**. Specific back end (restful-wrapper API) to meet the new requirements of the [GIPHY API](https://developers.giphy.com/). The restful-API part was made using **flask** and **python3**. The back-end has its own CORS which are in this case deleted to be able to call it from the Front-End part of the project.

## Technologies Used

- **HTML5**, **CSS3** and **Javascript**

  - Base languages used to create website.

- [Bootstrap](http://getbootstrap.com/)

    - We use **Bootstrap** to give the project a simple, responsive layout.

- [JQuery](https://jquery.com)

    - Use **JQuery** for Bootstrap and displaying modal.

- [Google Fonts](http://googlefonts.com/)

    - We use **Google Fonts** to give our project the fonts.

- **Python3**

  - Base language used to create Back-End.

- Used **Flask** as the framework for Python.

## Deployment

- Front-end in Github.

- Back-end in Heroku.