hndfaw / Idea-Box-React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Idea Box (React)

Idea Box - Overlook - Turing School, Mod 3 FEE Side Project / Solo.

Idea Box is a side project that I worked on before start Mod 3 at Turing School. For this project I used React and fetched data from an API that I created with only three ideas. The app is an Idea tracker that allows users to add new ideas, star them, add or change qualities. The qualities can be removed, and new qualities can be added. The app also allows users to filter ideas by quality or by the starred ideas, as well as search for qualities.

Author

Hindreen Fawzi Abdullah

Goals and Objectives

  • Learn React, as this was my first React project.

Project Quick Demo and Screenshots

Quick Demo:

Idea box demo

Screenshots:

Desktop layout

Search for Ideas: Desktop layout

Filter Ideas by Quality: Desktop layout

Getting Started

  1. Clone the repo.
  2. Set up the dependancies by running npm install
  3. Navigate the page!

Prerequisites

You'll need a modern windows, linux, or OS X machine, able to run the dependancies.

Running the tests

There are a comprehensive set of mocha/chai tests for all classes, properties, and methods. Set up the dependancies by running npm install Run tests by typing npm test in your terminal in your cloned directory.

About


Languages

Language:JavaScript 74.4%Language:CSS 19.3%Language:HTML 6.3%