Code Monkey home page Code Monkey logo

ideabox's Introduction

2108 Group Project Ideabox

Abstract:

This group project combined all of our new skills to create an app for jotting down, saving, and organizing ideas. The comp was built to a specified design, and some functionality implemented.

Contributors:

Technologies Used:

  • Javascript
  • HTML
  • CSS
  • Atom

Project Spec:

The project instructions and rubric can be found HERE

Wins:

A huge amount of learning went into this project. Overall positive teamwork experience. Although we didn't get as far as we would have liked, there was a lot of respect for each other's time, energy, and boundaries.

Challenges:

Most of it was a challenge. We did not finish. Early on, some CSS work was lost during a merge conflict. Several bugs remain. The biggest specific challenges were the functions to favorite and delete cards, and working with local storage.

User Instructions:

The deployed project can be found HERE

When the page loads, you will see input fields for title and body. Once text is entered into both fields, you will be able to click the save button to save your idea.

Screen Shot 2021-09-21 at 6 41 25 PM

Screen Shot 2021-09-21 at 6 42 25 PM

Once your idea is created it will appear on the page, below the text input. If you click the white star in the top left corner of an idea card, the star will turn orange to indicate it has been favorited.

Screen Shot 2021-09-21 at 6 45 20 PM

If you click the X in the top right corner of an idea card, the card will be deleted. Screen Shot 2021-09-21 at 6 46 28 PM

ideabox's People

Contributors

augustreid avatar gabby-recny avatar isleofyou 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.