meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
reactjs2018january:group4:start [2018/01/04 14:45]
kousa
reactjs2018january:group4:start [2018/01/14 16:07]
kousa
Line 1: Line 1:
-Presentation: {{ :reactjs2018january:group4:project_presentation.pptx |}}+ 
 + 
 +====== Project Bank ====== 
 + 
 +{{:reactjs2018january:group4:capture.png?200|}} 
 + 
 +**Platform for listing work and project opportunities. 
 +Targeted towards students of a specific field.** 
 + 
 +===== Attributes ===== 
 +  * Streamlined with only the necessary features. 
 +  * Secure and robust. 
 +  * Customizable for different fields of study. 
 +  
 +===== Value ===== 
 +  * **STUDENTS**: Real life work and project opportunities 
 +  * **COMPANIES**: Recruitment targeting 
 +  * **NGO’S & FIRMS**: Proficient and enthusiastic developers for small projects 
 + 
 +===== Features ===== 
 +  * Retrieve all "cards" from database via php (card = unique item, which can be job, project or thesis opportunity). 
 +  * Show the cards in visually informational manner.  
 +  * Filter cards by their type or search.  
 +  * Click certain type from the navbar to show only that type of items. 
 +  * Show about page for the user.  
 +  * Links to login and register. Not implemented with react, these links take user to PHP-sites.  
 + 
 +===== Tools & Technologies===== 
 +We used certain set of tools and technologies during the implementation.  
 + 
 +  * Technologies  
 +    * Create-react-app 
 +    * react-bootstrap 
 +    * flexbox-react 
 +    * whatwg-fetch  
 +  * Tools 
 +    * C9  
 +    * Discord 
 + 
 +===== Improvements after codecamp ===== 
 + 
 +Suggestions:  
 +  * About page - CHECK 
 +  * Improving visuals - CHECK (we did improve them, althought they're still not perfect) 
 +  * Direct filter links - CHECK 
 +  * Arranging items based on deadlines - CHECK (it's automatic, user has no possibility to change it) 
 + 
 +===== Future development ===== 
 +  * Improving the visuals  
 +  * Implementing control-panels (login, registration, adding cards) with react.  
 +  * Improving the filtering and arranging possibilities.  
 +  * Adding possibility to follow updates of the database. Email / social media plugin / something. 
 +  * Creating another service in relation to the current one: Personal CV database for software-students. Works like an open application for employees wishing to hire students.  
 + 
 + 
 + 
 +===== Material ===== 
 + 
 +Project introduction presentation (Wednesday) {{ :reactjs2018january:group4:project_presentation.pptx |}} 
 + 
 +Final presentation (Friday): {{ :reactjs2018january:group4:project_presentation_kousa_kuisma.pdf |}} 
 + 
 +Final production build (Doesn't include PHP == no data): {{ :reactjs2018january:group4:build.zip |}} 
 + 
 +Final source code: {{ :reactjs2018january:group4:src.zip |}} 
 + 
 +Joblist JSON for testing purposes: https://pastebin.com/HD4Ut3sJ 
 + 
 +DEMO VIDEO: https://drive.google.com/file/d/1PXpc1ZptTyBxRvp7CHdbxorWyD2q24Ol/view (background filling fixed after video) 
 + 
 +It's also possible to get access to the C9 ide. Contact us for more information! 
 + 
 +===== Team ===== 
 + 
 +| Olli Kousa | React / UI  
 +| Kuisma Närhi | React / Back-end