tialaaa / Idea-Box

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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: https://codemeister362.github.io/Idea-Box/

For a deeper review of the application:

  • Open the repo in Github: https://github.com/CodeMeister362/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:

Screen.Recording.2023-02-27.at.1.50.13.PM.mov

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


Languages

Language:JavaScript 51.6%Language:CSS 31.4%Language:HTML 17.0%