This hub for innovation was designed as a part of a senior design project. It is a social network for innovation within a company. This is perfect for the ideation and filtering stages of innovation, crowdsourcing ideas and improving them with collaboration.
The main technologies it is built on are: React, NodeJS, and MongoDB.
Creating ideas Commenting Liking / Disliking Reporting Idea popularity Graph
Viewing / Deleting reported items Locking User Accounts
As with any software, there are always plenty of todo items which weren't possible due to time constraints.
- General UI Improvements
- Fully utilize Mongoose
- Idea filtering
- Sort by Idea popularity
Once the repository has been cloned, run npm install to install all the dependencies. This project uses express for the server side code and React, Material UI and ES2015 (through Babel) for the front end. This project also uses gulp to automate tasks.
Running gulp will print out the common tasks for the project. To get started, gulp build will build *.jsx files in src/ and dependencies into dist/bundle.js. Additionally, gulp watch will rebuild the .jsx files when there are changes.
gulp serve will start the node express server which is listening on port 8080.
If not in active development, gulp start (or npm start) will build the project and start the node server. For active development, gulp watch and gulp serve are suggested as they rebuild the client code on changes to the *.jsx and the server code on changes to server/server.js.
You can lint all the project files using either npm run lint or gulp lint. This project uses eslint and the rules are located in .eslintrc.js.
Running a gulp clean:dist will remove the dist/ folder. gulp clean is an alias for gulp clean:dist. The node_modules folder can be cleaned up using gulp clean:modules and both the build folder and the node modules folder can be cleaned up using gulp clean:all.
There are npm aliases for common gulp tasks as well. They are listed in the following table
gulp command |
npm command |
|---|---|
gulp start |
npm start |
gulp test |
npm test |
gulp serve |
npm run server |
gulp watch |
npm run watcher |
gulp lint |
npm run linter |
You must have MongoDB installed.
To run the database gulp start:db. This will create a \data folder in the server directory. To delete all data in the database run gulp clean:db;
A file has been setup to generate fake data for in the database for development. You can get this by running gulp insert:data. This will delete the database, and then re-add the appropriate data.
Starter pack for this website was found here