An application that can record and archive your ideas.

Related tags

React ideabox
Overview

IdeaBox

Context and Features

  • IdeaBox is a web application that my fellow collaborators and I created from the ground up. It involves the creation and propagation of idea instances via the use of class instantiation, textual input from the user, and the creation of brand new HTML elements using JavaScript. It is designed to help those with great ideas keep track of said ideas in a manageable and organized fashion. User’s are only able to save an idea after they have entered text into the “Title” and “Body” input boxes. Prior to doing so, the “Save” button will issue an alert telling them they are unable to save an idea until their textual input has been registered. In addition to this feature, users are also able to delete said ideas with the click of a delete icon.

  • As we progress through our application, IdeaBox will receive future patches and iterations that add additional features and functionality to our application, including but not limited to: the favorting of particular ideas, being able to access the user’s favorite ideas in a separate section of our site, and searching for specific ideas using a search bar. We look forward to all of the amazing ideas our user’s will create and come up with using IdeaBox.

Technologies

  • HTML
  • CSS
  • JavaScript

Contributor LinkedIn Profiles

Other Work From Our Contributors

Project Specs

  • The spec for this application can be found here
Comments
  • Feat/html branch

    Feat/html branch

    PULL REQUEST

    • What does it change?
    • - Adds HTML file
    • What does it fix?

    Type of Change

    Delete options that are not relevant

    • [ ] Bug Fix
    • [x] New Feature
    • [ ] New Change

    How has this been tested?

    • [ ] JS
    • [x] Dev Tools
    • [x] Website

    Checklist

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new bugs
    • [x] I have tagged project partners for review & it has been reviewed
    opened by tfoxcollis 1
  • Feat/add gif to readme

    Feat/add gif to readme

    PULL REQUEST

    • What does it change?
    • - Adds Gif to readme
    • What does it fix?

    Type of Change

    Delete options that are not relevant

    • [ ] Bug Fix
    • [x] New Feature
    • [ ] New Change

    How has this been tested?

    • [ ] JS
    • [ ] Dev Tools
    • [x] Website

    Checklist

    • [ ] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new bugs
    • [ ] I have tagged project partners for review & it has been reviewed
    opened by tfoxcollis 0
  • Refactor code

    Refactor code

    PULL REQUEST

    • What does it change?
    • refactoring original code
    • What does it fix?
    • n/a

    Type of Change

    Delete options that are not relevant

    • [x] New Change

    How has this been tested?

    • [x] Website

    Checklist

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new bugs
    • [x] I have tagged project partners for review & it has been reviewed
    opened by Neil-B-Linton 0
  • Update README.md

    Update README.md

    PULL REQUEST

    • What does it change?
    • updated the readme
    • What does it fix?
    • n/a

    Type of Change

    Delete options that are not relevant

    • [x] New Feature
    • [x] New Change

    How has this been tested?

    Checklist

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new bugs
    • [x] I have tagged project partners for review & it has been reviewed
    opened by Neil-B-Linton 0
  • Feature/show starred ideas

    Feature/show starred ideas

    PULL REQUEST

    • What does it change?
    • - We now have our first feature from iteration 4 completed. When "Show Starred Ideas" is clicked it displays only starred ideas. When "Show All Ideas" is clicked it displays all of the ideas again.

    Type of Change

    Delete options that are not relevant

    • [X] New Feature
    • [X] New Change

    How has this been tested?

    • [X] JS
    • [X] Dev Tools
    • [X] Website

    Checklist

    • [X] My code follows the style guidelines of this project
    • [X] I have performed a self-review of my own code
    • [X] My changes generate no new bugs
    • [X] I have tagged project partners for review & it has been reviewed
    opened by mikeharrison57 0
  • Add function to click on star

    Add function to click on star

    PULL REQUEST

    • What does it change?
    • Added function whatwasclicked on line #92 and function addStarTrue on line #99. Allows us to (on button click) change the color and properties (this.star) of these cards values.
    • What does it fix?
    • n/a

    Type of Change

    Delete options that are not relevant

    • [x] New Feature
    • [x] New Change

    How has this been tested?

    • [x] JS
    • [x] Dev Tools
    • [x] Website

    Checklist

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new bugs
    • [x] I have tagged project partners for review & it has been reviewed
    opened by Neil-B-Linton 0
  • fix: star color swap with delete

    fix: star color swap with delete

    PULL REQUEST

    • What does it fix?
    • - Fix star color swap.

    Type of Change

    Delete options that are not relevant

    • [X] Bug Fix

    How has this been tested?

    • [X] JS
    • [X] Dev Tools

    Checklist

    • [X] My code follows the style guidelines of this project
    • [X] I have performed a self-review of my own code
    • areas
    • [X] My changes generate no new bugs
    • [X] I have tagged project partners for review & it has been reviewed
    opened by mikeharrison57 0
  • Fix: star mismatch on click

    Fix: star mismatch on click

    PULL REQUEST

    • What does it change?
    • What does it fix?
    • - fixes mismatch star when star is clicked

    Type of Change

    Delete options that are not relevant

    • [x] Bug Fix
    • [ ] New Feature
    • [ ] New Change

    How has this been tested?

    • [ ] JS
    • [ ] Dev Tools
    • [x] Website

    Checklist

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new bugs
    • [x] I have tagged project partners for review & it has been reviewed
    opened by tfoxcollis 0
  • Feature/readme.md

    Feature/readme.md

    PULL REQUEST

    • What does it change?
    • - Added README.md draft to our IdeaBox project.
    • What does it fix?
    • - N/A

    Type of Change

    • [X] New Change

    How has this been tested?

    • [ ] JS
    • [ ] Dev Tools
    • [X] Website

    Checklist

    • [X] My changes generate no new bugs
    • [X] I have tagged project partners for review & it has been reviewed
    opened by mikeharrison57 0
  • feat: delete mini idea

    feat: delete mini idea

    PULL REQUEST

    • What does it change?
    • -Allows mini idea to be deleted.
    • What does it fix?

    Type of Change

    Delete options that are not relevant

    • [ ] Bug Fix
    • [x] New Feature
    • [ ] New Change

    How has this been tested?

    • [ ] JS
    • [x] Dev Tools
    • [x] Website

    Checklist

    • [x] My code follows the style guidelines of this project
    • [x] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new bugs
    • [x] I have tagged project partners for review & it has been reviewed
    opened by tfoxcollis 0
  • Feature/favoriting ideas

    Feature/favoriting ideas

    PULL REQUEST

    • What does it change?
    • - Added the ability to change the color of the star from one to the other to represent favoriting ideas.
    • What does it fix?
    • - N/A

    Type of Change

    Delete options that are not relevant

    • [ ] Bug Fix
    • [X] New Feature
    • [X] New Change

    How has this been tested?

    • [X] JS
    • [ ] Dev Tools
    • [ ] Website

    Checklist

    • [X] My code follows the style guidelines of this project
    • [X] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [X] My changes generate no new bugs
    • [X] I have tagged project partners for review & it has been reviewed
    opened by mikeharrison57 0
Owner
Michael J. Harrison
BA in History with a Minor in Political Science from Metropolitan State University of Denver. 2203-Frontend Program, Turing
Michael J. Harrison
A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Franklin Okolie 4 Jun 5, 2022
This is a calculator application. The user can do some calculations on this application.

Math Magicians This is a calculator application. The user can do some calculations on this application. Built with: Reactjs Redux Live Live demo deplo

Firdavs Allamurotov 4 May 15, 2022
A Vault Treasure application where you can store your Pending, Paid and Draft Transactions

A Vault Treasure application where you can store your Pending, Paid and Draft Transactions. Easy to Manage and Track your valuable treasures with user-friendly UI and simplicity

Hariket Sukeshkumar Sheth 1 Jan 22, 2022
This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quotes.

Math magicians app This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quo

Lynette Acholah 12 Jun 7, 2022
A web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Travelers' Hub A web application for a company that provides commercial and scientific space travel services. The application allows users to bo

Manel Hammouche 8 Oct 14, 2022
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Kyrillos Hany 5 Mar 11, 2022
Choosy is a mobile application that allows users to create photo polls that others can vote on and help declare which photo is the best.

Choosy - Create photo polls The freshest mobile application for your photo polls! Explore the docs » Table of Contents Introduction App concept Target

Choosy 13 Sep 7, 2022
This is full stack todo Application which has front end and backend side on my own. So you can try this out. Build using

Full Stack Todo Application Hello Everyone... Here I am sharing some information about the TODO APP which I build using React, Redux, Material UI, Exp

Nayan Ingale 5 Nov 8, 2022
null 136 Dec 30, 2022
An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

CRUD app with React and Firebase 9 An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) produc

Júlio Bem 3 Sep 28, 2021
Open Source Website where you can manage your information and artworks of your fursona(s)

MyFursona About this project MyFursona is an open source project where users can manage their artworks, info (such as biography and interests), and lo

MyFursona 23 Jan 7, 2023
You can use this CLI Tool to clean your iOS and Android projects and keep them updated.

Mobile App Cleaner You can use this CLI Tool to clean your iOS and Android projects and keep them updated. This tool automatizes these items below; Cl

automizer 21 Mar 19, 2022
This simple and small react component can check your repository stars and change theme on light/dark

Repository metrics for react This beauty and easy (4KB) react component can help you add metrics to your repositories also you can change component th

Koma Human 2 Jun 25, 2022
Concircle scanner mobile app is application That helps you scan your order and position and to know if there are exact or not. it's cross-platform app.

Concircle scanner mobile app ⭐ Star on GitHub — it motivates Me a lot! Concircle scanner mobile app is application That helps you scan your order and

Aymen Ouerghui 10 May 7, 2022
A small application to categorize and track your income and expenses.

Expense Tracker App with Typescript A small application to categorize and track your income and expenses. Expense Tracker App Demo Link You can check

Özge Coşkun Gürsucu 22 Jul 1, 2022
A Facebook Clone which built with reactJS. You can sign in with your Google Account and send realtime posts.

Facebook Clone with ReactJS A Facebook Clone application that you can sign in with your Google Account and send realtime posts. Facebook Clone Demo Li

Mert Çankaya 23 Nov 25, 2022
TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.

Create, Export, Share, and Use any Shapes of your choice. View Demo · Report Bug · Request Feature ?? Introducing TryShape TryShape is an opensource p

TryShape 148 Dec 26, 2022
This is Covid-19 data that shows for each country.You can search your country and know its statistics .

COVID-19 Data TRACKER This is Covid-19 data that shows for each country.You can search your country and know its statistics . Built With HTML, CSS, SC

Samiullah Bhadur 2 Apr 21, 2022