Lab10 - UmamaheswarareddyMandapati/ASE_Lab GitHub Wiki

Name:Umamaheswara reddy Mandapati

ClassID:48

Assignment:

Create REST services for CRUD operation in MongoDB2.Use this REST services and create Web Application which should have following features: •User can sign up or login •After signup/login, in next page display all the users and details of user •Provide options for update or delete user data3. Deploy your application on to Amazon instance and share the URL.Submit the screenshots of the task in wiki page and post the link for it in README.md file in Github and push the code to Source folder in Github

Softwares/Tools Used :

Mongo DB, Amazon AWS, WebStorm, HTML, NodeJS, CSS

Application Desciption :

This application is mainly to perform CRUD operations in Mongo DB with REST Service. Application contains Login page where the Admin has to login with valid details. After login list of students are fetched from Mongo DB and displayed on Home Screen. Admin can also add new student details. Apart from this admin can update the student details and can delete the existing student. This application is deployed in Amazon AWS with zar file of source code

Once the application is deployed successfully in AWS a link is generated. Through which any one can access to the application.

Sample-env.daun2apqcc.us-west-2.elasticbeanstalk.com

Once the link is access the user can see login page, where the admin has to login with valid email id and password as shown below. If the user has not entered any details then validation will thrown to user.

ADMIN LOGIN SCREEN

Once the admin is logged in successfully, the admin can view student details which are fetched from MongoDB. So initially the connection is made to MongoDB by specifying the respective Collection Name. (Mongo URL: mongodb://mahesh:[email protected]:35613/grocery_database). If there are no details then null values are displayed in Home screen.

To add student details, admin has to successfully login to the application. Here the admin has to enter student details and once submits the form the details are stored in Mongo DB and the same is displayed in Home screen

ADDING ANOTHER STUDENT DETAILS

MONGODB WHEN TWO STUDENT DETAILS ARE ADDED

HOME SCREEN WHEN CLICKED ON VIEW DETAILS

Admin can also delete the student from the Home screen, the deleted student is also removed from Mongo DB and the user is not displayed in Home screen.

STUDENT ID IS GIVEN TO DELETE AND ON SUCCESSFUL DELETION THIS PAGE OCCURS

UPDATED STUDENT LIST AFTER DELETION

Apart from adding new students, admin can update the student details too. The updated details will be stored in Mongo DB and the same in displayed in Home Screen also.

UPDATE STUDENT DETAILS HERE

ON SUCCESSFUL UPDATE SCREEN IS REDIRECTED TO

UPDATED STUDENT DETAILS ARE REFLECTED ON THE HOME SCREEN

REFERENCES:

http://stackoverflow.com

https://mlab.com

https://aws.amazon.com/