Skip to content

sdtrachsel/Idea-Box

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Idea Box

Abstract:

The creative process can be difficult for even the most experienced artists and writers. Idea Box works to make this process easier by allowing users to save, favorite, and search through their past ideas.

Installation Instructions:

To use this application: [updated page]

For a deeper review of the application:

  • Open the repo in Github: https://github.com/sdtrachsel/Idea-Box
  • Use the terminal to clone the repository to your local machine
  • Navigate into the project directory
  • Run the command open index.html to open the app in your browser

Preview of App:

ideaboxdemo

Context:

This project was completed over 5 days during our fourth week at the Turing School.

Contributors:

Nathan Chamberlain - LinkedIn, GitHub

Adam Meza - LinkedIn, GitHub

Tiala Young - LinkedIn, GitHub

Sharie Trachsel - LinkedIn, GitHub

Learning Goals:

  • Gain an understanding of how to write clean HTML and CSS to match a provided comp
  • Understand what it looks like to have a separate data model (using a class) and DOM model
  • Incorporate & iterate over arrays in order to filter what is being displayed
  • Craft code with clean style, using small functions that show trends toward DRYness and SRP

Wins + Challenges:

We faced technical challenges with the search bar functionality, specifically figuring out the appropriate DRY functions needed to display only the correct cards, regardless of whether you are starting from the "view all ideas" page or the "view saved ideas" page. Matching the CSS comp for dynamic viewports also took trial and error. To resolve these, we leaned on our groupmates for additional eyes and fresh ideas. Our group consisted of four people living in four different USA time zones, all contributing to code across three files, so we relied on daily standups and our PR messages to share updates and problem-solve.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 50.7%
  • CSS 32.2%
  • HTML 17.1%