Goal - to build a full-stack RESTful application. A group project: Collaborators: Siddant Gurung, James Benson, Begona Fernandez
7 days
- React.js
- Node.js
- JavaScript (ES6) / HTML5 / SCSS
- Git / GitHub
- MongoDB & Mongoose
- BCrypt & Session Auth
- Bulma CSS Framework
- Chai/Mocha/Supertest
- Bluebird
- request-promise/axios
- npms.io
- FileStack.js
A hosted version of this app can be found at https://wdi-pepino.herokuapp.com
This website allows developers to both keep track of their projects, as of the different packages they need to build them, and find other users or projects.
Other users can be found on the Discover Users tab. This page lists all the users showing their bio, the number of projects they have uploaded so far, the name of their latest one and how many comments they have done. The search bar can be used to find an specific user. This will be done automatically while you type every second.
The profile details and all their visible projects are available on their user profile page.
If it is a project the user is looking for a list with all the projects in the system is on the Dicover Projects. This page has the same functionality as the Discover Users page.
Once the user is logged in projects can be added. Packages can be searched for and added to the project. All changes done to the project are saved every few seconds. Comments can be made on projects and on packages.
The development process started with wireframes to workout the functionality that we wanted and what models we would need. As we had three distinct areas we decided that each one of us would work on all the different aspects of one given area, from creating the models and controllers to creating the React.js components and testing.
Work was carried out on branches of the code depository for each feature. This was merged with the Development branch of the code and any merge conflicts were fixed as a group. Features were tested on the Development branch before being merged with the Master branch.
Tasks were managed and assigned through the task manager Trello. We performed daily stand-ups to keep track of progress.
I was in charge of the side of the website that dealt with the project functionality. For me the greatest win was creating a project edit form with the look and feel of a normal view page. If the user was not logged in or was not the owner of the project being viewed all the fields of the form are disabled and it does not look like a form. However, if they are logged in and the owner then they just need to click on a field to make it active.
This was the a group project and this introduced the potential to create conflicts when merging code and also maintaining a consistent project vision. We minimised merge conflicts by working on different features but when these happened we resolved them as a group.
If we had more time we would like to have made the site even more social with the ability to like a project and follow users.