Code Monkey home page Code Monkey logo

ideabox's Introduction

Ideabox

Table of Contents

Introduction

Have you ever had a fantastic idea only to forget it before it came to life? If so, Ideabox is a webpage for you!

Ideabox is a webpage that allows you to add your ideas to a virtual box so that you can keep track of them. Fear not! The next brilliant idea you have won't so easily forgotten when you use Ideabox.

Technologies

  • JavaScript
  • HTML
  • CSS

Set Up

  1. Clone this repository.
  2. cd into the directory.
  3. Run open index.html.

Deployment Link

Features

  • User can add a title and idea input to create a new idea card. Create New Card
  • User can favorite their best ideas, which can be viewed by clicking the Show Starred Ideas button. Favorite Ideas
  • User can search for ideas that contain a specific word or phrase. Search Ideas
  • User can delete idea cards once they are no longer needed. Delete Cards
  • Webpage has local storage feature. Local Storage

Reflection

  • We decided to add features (such as local storage) to the webpage, even though these lessons were not formally taught. This gave us an opportunity to do our own researching. This will carry over into our careers as software developers as we will often need to do independent research to find solutions.
  • We learned that some functionality was easy to reuse, however other functions were unexpectedly difficult to reuse. It was interesting to see how the code we wrote in some ways dictated what code we wrote later.
  • Teamwork makes the dream work. teamwork

Future Features

  • Allow user to edit ideas once they are submitted.
  • Create functionality so that when the user clicks the idea card, they are taken to a new page where they can add additional notes and information about their idea.

Contributors

Project Specifications

  • Project specs are located here.

ideabox's People

Contributors

davidhdaw avatar asands17 avatar kpn678 avatar

Stargazers

 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.