User Stories

user

User

As a user, I want my account to be password protected so that only I can access my account.

student

User

As a user, I want to upload posts on the discussion board so that I can share information and my opinion with other users.

teacher

User

As a user, I want to comment on other posts so that I can reply to the other user.

20% Project Progress Report

Retrospective of Last Week

  • Work Environment Setup for Client side (create-react-app) and Server side(NodeJS/Express)
  • Created a server using NodeJs and Express to host the app
  • Worked on data pre-processing by fetching text data using NodeJS from url and storing it in json format
  • Started creating discussion Board React Components
  • Velocity : 8

Excel Backlog

excel progress report

Plan for Next Week

  • Refine Discussion Board React Components
  • Learn NodeJS + MongoDB
  • Start working on authentication system using NodeJS + MongoDB

What did not go well

  • Learning MongoDb + NodeJS would take more time

What went well

  • Was able to successfully complete fetching data from remote urls

What was interesting

  • Learning nodejs to manipulate files

What would be done differently

  • Will manage my time better to accomplish more things in less time

40% Project Progress Report

Retrospective of Last Week

  • Learned MongoDB + NodeJS (Completed a course on these technulogies on Lynda)
  • Created database schema
  • Created a prototype for backend MongoDB + NodeJS connectivity, allowing GET, POST, PUT and DELETE requests to the server for creating, fetching, updating and deleting records.
  • Worked on the Discussion Board Components.
  • Organised Sass architecture for the project.
  • Velocity : 5

Excel Backlog

excel progress report

Plan for Next Week

  • Work on the connectivity of front-end and the backend of the app.
  • Work on styling the Components
  • Work on User Database and authentication.

What did not go well

  • Everything went well this week

What went well

  • Was able to successfully complete the Lynda course on NodeJS + MongoDB

What was interesting

  • Learning MongoDB
  • Learning how to send manual GET/POST/DELETE requests to the server using Postman toul

What would be done differently

  • Everything went well so far

60% Project Progress Report

Retrospective of Last Week

  • Worked on integrating the front-end and backend.
  • Worked on authentication system
  • Worked on styling the components
  • Velocity : 8

Excel Backlog

excel progress report

Plan for Next Week

  • Work on styling the Components
  • Work on integration of authentication system with the app.

What did not go well

  • Everything went well this week

What went well

  • Was able to successfully complete the integration of backend with the front-end

What was interesting

  • Working with MongoDB+NodeJs
  • To learn how to use concurrently to run both front-end along with the back-end of the app

What would be done differently

  • Everything went well so far

80% Project Progress Report

Retrospective of Last Week

  • Worked on integrating the authentication system with the app.
  • Worked on styling the components
  • Worked on bug fixes
  • Velocity : 8

Excel Backlog

excel progress report

Plan for Next Week

  • Work on styling the Components
  • Work on testing the app.

90% Project Progress Report

Retrospective of Last Week

  • Worked on Reply feature of the discussion Board
  • Bug fixes to Login System
  • Bug fixes for Frontend rendering
  • Worked on styling
  • Velocity : 15

Excel Backlog

excel progress report

Plan for Next Week

  • Work on styling the Components
  • Work on testing the app.

What did not go well

  • Everything went well this week

What went well

  • Was able to successfully fix major bugs related to authentication system

What was interesting

  • Working with a complex back-end of the app
  • Testing the app an fixing bugs

What would be done differently

  • Everything went well so far

95% Project Progress Report

Retrospective of Last Week

  • Deployed the app on Google Cloud Platform
  • Finished styling the components
  • Bug fixes to Login System
  • Velocity : 14

Excel Backlog

excel progress report

Plan for Next Week

  • Work on testing the app.

What did not go well

  • Everything went well this week

What went well

  • Was able to successfully deploy the app on GCP

What was interesting

  • Creating Firewall rules on GCP to allow listening on specific ports
  • Testing the app an fixing bugs

What would be done differently

  • Everything went well so far

Final Check-In

Discussion Board

Github linkLive Site

Developed a discussion board for the web app climate guide that would help provide a platform to the people to share their ideas and concerns about global climatic changes with others. It is build using MERN Stack and deployed using Google Cloud Platform. Users can Sign Up if they don't have an account already or Login to access their accounts. They can add new posts, delete their old posts and reply to other posts using the discussion board

Restrospectives

Executive Summary

For the final project, I created a discussion board using MERN Stack (MongoDB, Express, React and NodeJS). I was able to design the front-end architecture of the discussion board using React by dividing the whole app into small reusable components. I used NodeJS and Express to create the backend for the app where I created routes, controllers and models for the app. The database was created using MongoDB and was deployed using mLab. I was also able to successfully deploy the project on Google Cloud Platform.

MERN stack

Some of the features of my discussion board include :

  • Authentication system
  • User Sessions
  • Users can Add New Post
  • Users can Delete Post
  • Users can Reply to other posts

Backlog

MERN stack

What Went Well

  • Lynda Courses :

    Gives a kickstart to the learning process
  • Build a Full Stack App :

    Used React + NodeJS + Express + MongoDB
  • Server-side Scripting :

    Understood how create an API, that responds to GET/POST/PUT/DELETE requests.
  • MongoDB Connectivity :

    Learned MongoDB. Create, Update, Read, Delete operations
  • Google Cloud Platform :

    Was able to understand and deploy the app

What Did Not Go Well

  • CORS Error :

    For security reasons, browsers restrict cross-origin HTTP requests initiated from within scripts.
  • App Architecture :

    The architecture of the app could have been planned better. That saves time and reduces complexities.
  • Missing Features :

    Some of the features could not be implemented due to lack of time.

What was interesting

  • Building a Full Stack App :

    Used React + NodeJS + Express + MongoDB
  • Using POSTMAN :

    Understood how make manual GET/POST/PUT/DELETE requests for testing.
  • Google Cloud Platform :

    Learned how to create VM instances and deploy your app on GCP.
  • Debugging :

    Learned a lot from unexpected errors; CORS, Firewall Rules etc.

What would be done differently

  • StateCharts :

    Try to make statecharts for your app to have a better understanding of your system flow.
  • Use Code Splitting :

    Code Splitting helps you use you node modules efficiently reducing the size of your react app.
  • Automated Testing :

    Would love to develop automated testing scripts using nodejs to test the app during QA phase in future.