Bright Ideas App

Bright Ideas allows an anonymous user to provide Ideas on Topics and upVote those Ideas.

Why?

•  Code Reusability for future Projects as an extended feature like: 
  • e-commerce : Promote the favorite items of a particular domain  chosen by the customers

Why?

• With Extended features, this MVP can become a public or private platform :
  • for Open discussions on specific Topic
  • private interface for schools and companies to brainstorm ideas with private boards and have the team or community contributing to those ideas

Target Features for this Week

1. User can add an Idea
2. A User can upVote any Idea in any of the given Boards 
3. Display Sorted Ideas 

Landing Page WireFrame

BoardPage Wireframe 

Arquitecture of App

App

LandingPage

BoardPage

ButtonTitleBoard

Form

Idea Component

Technical Challenges and Achievements: 

1.  Create a Relational Database with MongoDB using Populate()

2. Manage/dispatch data from the Server to Protect it from the Frontend Enviroment

3. Solve issues with the Started Template

Interesting Things I learned This week...

Technical and Non Technical :

Finally... I know how to avoid collision with endpoints of backend/frontend​

contextTypes: {
		router: React.PropTypes.object.isRequired
}, .....

// On Click of a button: Dispatch at action and change views 
boardClick: function(boardTitle){
		this.props.dispatch(actions.fetchABoard(boardTitle));
		this.context.router.push('/BoardPage');
	},

The importance of good Documentation and a workflow of code, console.log, code, console.log... infinite..

Manage database Collections!!!! 

Gain Confidence Building a FULL STACK APP

Backend

PairCode  and Fix Template                issues

Frontend

What is NEXT!!!!

1. Add DownVote Feature
2. Connect to mLab
3. Deploy to Heroku
4. Add Authentication
5.  Add User Collection in DB
6. Allow User to Create their own Boards
7. Boards can Be private or public 
8. Add D3 or some fun Graphs Library to Analyze the data like Dillon's :) 

Important Links:

Github REPO:

https://github.com/yolixtly/bright-ideas

Documentation of the Project :

https://docs.google.com/document/d/1bM-Sfjur9pxtuqEJSf292o6ud-qs3uSFVc9J7sC5IhA/edit?usp=sharing

React Routers

https://github.com/ReactTraining/react-router/blob/master/upgrade-guides/v2.0.0.md#navigating-in-route-components