Giter Club home page Giter Club logo

ideabox's Introduction

Make your own idea box!

A Jake, Kyle, and Rio group project

Visit this link to see it in action!

How to access the project:

  • First clone this repo from Github by going to the code button on the top right of the the friotious/ideabox repo. The link is at the bottom of the page. Screen Shot 2022-01-08 at 2 17 08 PM
  • Next in your terminal type git clone then copy the HTTPS after and clone the repository.
  • From there you will want to access the ideabox directory by typing 'cd ideabox' into your terminal.
  • Once your have successfully cloned the repo and you are in the right directory you will want to type 'open index.html' into your terminal to open the project in a browser window to view.

How to navigate the project:

  1. Enter your own unique values for the title and body of your idea box and then click the save button! There must be values in both title and body to generate a new idea box.

Screen Shot 2022-01-08 at 2 08 33 PM

  1. If you would like to star/favorite the idea box you have made, click the white star in the upper left corner of the idea box. The star should change to orange and your new idea box is now added to the Starred ideas section. You can also do the opposite and click the orange star to un-save your idea box.

Screen Shot 2022-01-08 at 2 11 00 PM

  1. In order to delete an idea box you have saved, click the white X in the upper right corner of the idea box and it will delete!

Screen Shot 2022-01-08 at 2 09 15 PM

  1. If you wish to view all of your starred idea boxes then click the 'Show Starred Ideas' button on the far left side of the screen. This should toggle between your saved idea boxes and starred idea boxes.

Screen Shot 2022-01-08 at 2 10 13 PM


Our IdeaBox repository link


Jakes Github

Kyles Github

Rios Github

ideabox's People

Contributors

k-howard avatar j-dunny avatar friotious 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.