Monday, 19 November 2018

MEAN stack social media application

I have successfully completed developing a Full stack social book application like a social networking website. where the user can sign up and register for an account, can log in using the userId and password, create a post, read, edit the post, delete the post. I have Implemented following features in angular, node.js and MongoDB:

  1. Listening to events
  2. Fetching user Inputs
  3. pagination(angular)
  4. spinner
  5. uploading image
  6. Image preview 
  7. Image validator 
  8. Expand-collapse feature.
  9. User authentication
  10. User authorization to Create, Edit, Delete a post.
  11. Lazy loading 
  12. Routing
  13. MongoDB cluster network as a remote Database.
  14. Unit testing using karma.js
I will submit the complete in detail documented report soon.

I spent approximately 3 weeks (36 hours) to plan, learn and execute the project. 

Following are the tools and systems I have used for the project:


i)                 Frameworks:            Angular, Node.js, Bootstrap.
ii)               Languages:                TypeScript, HTML, CSS.
iii)              Database:                  MongoDB Atlas (remote MongoDB database).
iv)              Server:                       localhost server, 
                                                Working on deploying to Amazon web service s3cloud. 
v)               IDE:                            Visual Studio Code.
vi)             Operating System:    Windows.
vii)           Version Control:        GIT.
viii)      Unit testing Framework: Karma.js

I have committed the code into GitHub as is the code. Here is the link:

Here are the screenshots of how the application looks: 

                                   User Authentication Failed  

Login Page


Page After logging in. 


Pagination. The user can decide the number of posts he wants to see in a single page.



The Post expand-collapse feature in angular, Edit, Delete options as well. 


Mongo Atlas( remote database) for MongoDB to connect the application to the database from app.js 


References: 

1 comment: