Coder Social home page Coder Social logo

hang-in-there-buddy's Introduction

Hang in there buddy is an application that generates random motivational posters. Users can create their own posters using their own image, title and quote. Users also have the ability to save or delete a poster on the saved posters page.

How to Use the App:

  • Go to hang-in-there-buddy

  • The main page will display a randomly generated motivational poster.

  • You can click on the Show Another Random Poster button to generate a new motivational poster.

  • If you like the poster, you can click on the Save This Poster button which will save the selected poster on the Show Saved Posters page. You can access the Saved Posters page by clicking on the Show Saved Posters button. If there is a poster that is no longer needed, you can delete it by double-clicking on it.

  • If you prefer to create your own poster, you can click on the Make Your Own Poster button. This button will take you to the Create your own motivational poster page. Users can then populate the form using their own Image url, motivational title and quote. Upon clicking the Show my poster button, users are able to view their custom poster on the main page.

Preview:

Hang-in-there-video

Primary Technologies Used:

  • Javascript
  • HTML
  • CSS

Original Assignment:

Hang In There - Pair project from Turing School of Software & Design

Contributors:

hang-in-there-buddy's People

Contributors

ivonne-hernandez avatar aburg15 avatar hannahhch avatar letakeane avatar cbdallavalle 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.