Category: Angular Projects

Posted on

E-Commerce Website for Online Nursery Store Plants & Accessories

Online Nursery Store overcomes lots of challenges when compared to an offline store. A separate website for plants and their accessories helps customers to view various kinds of products. It offers all the required features to the customers that let them buy, rate, and leave comments on all the products that are available in the store. Therefore, the idea of Blooming Delights An E-Commerce Website is to provide features to customers like view descriptions, compare prices, can comment on customization ideas, and can follow planting tips that promote gardening. The website recommends customers with the most purchased products, highest-rated products, and recently added products. A chatbot is developed that answers product or order-related queries to customers. After the order is placed, an order confirmation report can be viewed by the client for review.

Problem statement:

Many people want to buy plants and are directly concerned with the nursery store. But sometimes people do not know specific information about certain plants and the seller does not have technical skills. Build an online nursery store website so that customers can compare prices, view descriptions, and add reviews to a product that helps the customers for a pleasant shopping experience. After the order is placed, an order confirmation report can be viewed by the client for review.

Objective:

The main objective of this E-Commerce Website project is to create an online nursery store website that helps customers compare prices, view descriptions, can comment on customization ideas, and can follow planting tips that promote gardening. Customer service is essential. So, each customer should have a pleasant shopping experience. For this, customer queries are answered with the help of a chatbot.

Proposed system:

Our Online Nursery Store website consists of two different logins customer and admin. The features of our website are as mentioned below:

CUSTOMER

  • Buy Products
  • Rate Products
  • Comment Products
  • View his own profile
  • View his own purchases history
  • Create favorite products list
  • Can change his own avatar

ADMIN

  • Add products to the website
  • Edit products on the website
  • Delete products on the website
  • Edit/Delete inappropriate user comments

Activity Diagram:

Activity diagram

REQUIREMENTS

Software requirements:

Visual Studio Code
Dialogflow (For the integration of Chatbot)
MEAN Stack

1) Mongodb
2) Express JS
3) Angular
4) Node JS

Hardware Requirements:

Intel core i5 processor
RAM 4GB
Hard Disk Drive 1 TB

Functional Requirements:

USER:

R1: Registration
Description: To enter the site user has to register first. Requirements of registration are name, email, password, and, security check details.
Input: User Details.
Output: Filled registration details.
Processing: User details are checked with the database to avoid duplicate login. Password constraint is checked as per validation.

R2: User Login
Description: The system provides the facility to login into the system.
Input: Enter user email and password.
Processing: The system will check the input of the user and if valid then login is done. Otherwise, the user will be asked to re-check his/her credentials.

R3: Forget password
Description: The user can reset the password.
Input: Email ID and security check details.
Output: The user can update the password.
Processing: The data will be updated in the database

R4: Purchase products
Description: Customers can select a product.
Input: Search for an item.
Processing: Any product will be selected and displayed.

R5: Comments
Description: Customers can post and view comments.
Input: Customers have to post his/her comments.
Processing: The system will add data to the database.

R6: Logout
Description: The system provides a facility to log out from the site.
Input: Select the logout option.
Output: Logout from the system.
Processing: The user will be logged out.

ADMIN:

R1: Admin Login
Description: The system provides the facility to login into the system.
Input: Enter user email and password.
Processing: The system will check the admin’s input; if valid, then login is
done. Otherwise, the admin will be asked to re-check his/her credentials.

R2: Add Products
Description: Admin can add a product.
Input: Enter the product details.
Output: Added product is displayed under entered category.
Processing: The system will add the product to the database.

R3: Edit /Delete Products
Description: The admin can edit or delete a product.
Input: Enter the product details.
Processing: The system will make the changes in the database.

R4: Delete Comments
Description: Admin can delete inappropriate comments.
Output: Deleted comments are not displayed.
Processing: The system will make the changes in the database.

R5: Logout
Description: The system provides a facility to log out from the site.
Input: Select the logout option.
Output: Logout from the system.
Processing: The admin will be logged out.

Non-Functional Requirements:

Performance Requirements

The system needs to be reliable.
If unable to process the request, then an appropriate error message will be displayed.
Web pages are loaded within a few seconds.

Safety Requirements

The details need to be maintained properly.
Users must be authenticated.

Security Requirements

After entering the password and user id the user can access his/her profile.
The details of the user must be safe and secure.

CONCLUSION & FUTURE SCOPE

Blooming Delights is an online nursery store website, that provides a platform to buy seeds, plants, tools, and different related products. It offers all the required features to the customers that let them buy, rate, and leave comments on all the products that are available in the store. The description of each product is available to soothe the selection. Hence, Customers can compare prices, can comment on customization ideas, and can follow planting tips that promote gardening. The future work of this project is to improve various categories, add different kinds of payment modes, and send order-related updates by E-mail or SMS.

Posted on

Online Cafe and Salon Management System Angular Project

During the Internship, Students worked on various static websites which include websites of café and event management companies. My internship also includes work on the Angular project Salon management system. This management system includes my main contributions in the registration portal, login portal, password changing portal, membership and offer cards, and other registration and contacts forms. This summer internship provided me with team experience and helped me in developing my skills in Web development using HTML, CSS, and JavaScript. Students have worked with the development of the front end and design of a Company’s Website and Dashboard.

Overall, the Internship program helped me in different ways to grow my knowledge in my field and also gave me insight into how to work in a team with proper coordination and in a timely manner.

ACKNOWLEDGEMENT

Working on these Cafe and Salon Management System projects has given us a wide opportunity to think, implement and interact with various aspects of computer technologies as well as learn new skills. One of the most fruitful benefits of working on this project is that we got a proper experience of working as a team, working on our assigned tasks, supervising and correlating with others, and management of the entire team with their tasks and completing the whole project.

I would also like to express our sincere thanks to our HOD and Course Directors, because of them we got the opportunity of having this group project as a subject in our current semester, and as a result, provided us the seed of execution of such a wonderful idea into action.

Overview of Projects

  • The Salon is a salon management system that has functions like admin management, customer tracking, and product shopping from the web.
  • The Café is a static site that has been designed for the users to get acknowledgment about the café. It has functionalities like booking tables, ordering online food, and menu details.

Objective

  • The objective of the salon management system: The Salon is to keep track of its daily expenses, customer, manage staff, and Publicity of its salon.
  • Static website Cafe management system which is designed also has the main objective of reaching more and more people through the help of the internet and making their marketing more strategic in the market.

Tools and Technologies

When the idea of making a web-based application came to our mind, the first thing that was required to be done was to gather information about the things that were required to be learned by us in order to make this project come to life. Hence after some brainstorming and group discussions, we followed the following figure and according to that learned the things in order.

After conducting this brainstorming and learning the process the tools and technologies that we had to use were as follows:

For Salon:

  • Angular
  • NodeJS
  • Stackoverflow (to learn about our software requirements)
  • GitHub (to learn about our topic)

For Static Website (The Cafe): 

  • Html
  • CSS
  • JavaScript
  • Bootstrap

IDE’s:

  • Visual Studio Code

Roles and Responsibility

  • Contributed to the making of a few modules for the Salon which includes modules like registering customers, forgetting passwords, and reset
  • Also contributed to live project

Implementation Environment:

 The backbone and the main aspect of the software side of the project were to run the HTML code, perform the JavaScript and make the site more user-friendly by adding CSS. So the implementation was carried out in such a way that the correlation of different files would be done easily. Hence, the use of an IDE was a must. Initially, we thought of using IntelliJ IDEA but the idea was dropped later on and we began working with the visual studio code 2020.

Sometimes to organize we even had to use some text editors like sublime text, atom, etc. Implementation of the code was done altogether after we researched and sorted the image data that we obtained. The basic approach that we used was the partial compilation method and went on integrating the small amount of the code into larger ones, module by module.

CONCLUSION

 In the end, we would just like to briefly explain how this project helped us to excel at our own best level and made us learn a lot of new things, technologies, and team management. And also implement all of the skills that we previously acquired or learned later on as a part of the completion of the project. Moreover, this project helped us to learn about the real scenarios of working in a team for real tasks and to cope with deadlines, quality management, and each and every aspect of the project. This project gave us the motivation to think differently and express our own ideas to implement them. Also, it taught us how to deal with errors, quality-related, time-related, and other management-related problems.

Most importantly with the medium of this project, we learned Many new skills, ranging from soft skills to technical skills. Qualities related to management, problem-saving time saving, etc. were also learned by us. We tried to make an honest solution for people out there facing problems and learned how all the skills combined: with the help of a perfect team and proper management along with proper skills is the key to providing the solution to any possible problems out there. And we believe that we did a great job implementing all our knowledge, and are grateful to present this execution of one such idea.

Thanking all those who helped us in a big or a small way with this project. Every contribution that has been given is very valuable to us and is the true reason for this project to stand out as a pioneer-based preliminary project and success of this project. With that being notified we heartily present our project and welcome all suggestions or improvements with open hands.

Posted on

Hospital Patient Medical Records Information Project App

Introduction

Information and communication technologies (ICTs) have great potential to improve health in all countries by enhancing access to health information and making health services more efficient. Mobile applications (apps) and other related software can also improve the quality of services and reduce their cost. The aim of the Patient Medical Records Information project was to enable health care practitioners such as doctors and nurses working in hospitals to be able to retrieve patient medical information remotely on any mobile device.

In this Patient Medical Records Information report, I will outline the research I conducted in choosing various technologies. I will discuss the problems I encountered and the solutions I came up with to overcome these issues in creating the specific application. I will also discuss the many technologies I used in the creation of the app including a data model representing the design.

The architecture of the solution

The overall structure of the solution is that the mobile app is being created for the hospital to maintain patients’ records and keep nurses and doctors up to date without carrying heavy paperwork around with them. The technologies I used to create this app suggested by my supervisor were Ionic, PHP, Angular JS, JavaScript, and MYSQL.

PHP provides integration of general-purpose programming and web-development scripting language. It is suited for server-side web development, and scripting and is used for professional websites. AngularJS is used for dynamic web apps and allows you to use HTML as a template language extending HTML’s syntax to express the application’s components clearly and concisely (Docs.angularjs.org, 2016). I chose both PHP and AngularJS because I had very limited knowledge of how they work and I wanted to improve my knowledge and skills in using them and they were also free. 

JavaScript is a programming language used to make web pages interactive (Chapman, 2016) and MYSQL Database is an open-source relational database management system (RDBMS) based on Structured Query Language (Search EnterpriseLinux, 2016).  Both of these programs were chosen because my supervisor requested me to use them and they were also free to use. Finally, Microsoft AZURE Cloud storage is open cloud storage, flexible, enterprise-grade cloud computing platform (Azure.microsoft.com, 2016). I decided to use this platform as my supervisor provided it to me free of cost I researched it and I found a lot of information online to help me complete this project.

The clients who are the doctors and nurses wanted to be able to log in to a mobile app to retrieve information in relation to patients. Firstly the doctors’ requirements were to be able to see all of the patients registered to him/her and the associated patient information. Nurses wanted to be able to log in and see all patient files and associated information as they worked with all patients. The second requirement was that once the doctor/nurse logged in to the mobile app they would have the ability to update the patient records for example blood pressure, heart rate, types of medicine, etc and they could also add notes or remarks. When the remarks and related updated information is added to the mobile app it then updates all the medical history and notes related to the patient. Furthermore, once the doctor/nurse checks the patient’s information in the future the patient’s information will be updated which makes it an effective and efficient method in contrast to multiple physical files.

The Hospital Patient Medical Records mobile app itself is written in AngularJS and JavaScript and through the HTTP requests the mobile app sends the requests to the PHP and the PHP then retrieves the data from the cloud MYSQL and transmits the data back to the mobile app.

Class diagram and Data Model

Through the HTTP requests the mobile app sends the requests to the PHP and the PHP then retrieves the data from the cloud MYSQL and transmits the data back to the mobile app. I designed the mobile app using these technologies as it was a requirement of the project given by my supervisor.

Technologies used

The technologies used included:

  1. JavaScript
  2. PHP
  3. AngularJS
  4. MYSQL Database
  5. Microsoft AZURE Cloud storage 
  6. Ionic

I chose both PHP and AngularJS because I had very limited knowledge of how they work and I wanted to improve my knowledge and skills in using them and they were also free. 

JavaScript and MYSQL Database were chosen because my supervisor requested me to use them and they were also free to use. I utilized Microsoft AZURE Cloud storage as my supervisor provided this platform to me free of cost and I researched it and found a lot of information online to help me complete this project.

Problems Encountered/Solved

At the beginning of the Patient Medical Record project, I was overwhelmed with the task at hand as I didn’t know where to start or what to do, so my project supervisor guided me and gave me advice about how to commence the project and what to do to begin.

The first time I tried to retrieve the data from the database it took me 4 days to retrieve it. Subsequently, I spoke to one of my colleagues and my project supervisor and did some research online and I figured out how to retrieve the information more efficiently and effectively.

Time management was an issue because I had many assessments to do and I left work late and I was running out of time in the end. For example during the Easter break, I had numerous projects due so I found it difficult to allocate time to all of the different assessments. I also wasted my time using a Google database called Firebase at the beginning of my project but later on, I decided not to use it because of the project requirements, and as a consequence, I wasted 2 weeks.

Also in relation to time management, I didn’t anticipate how time-consuming the research from the project would be. E.g. it took me a number of days to understand PHP and learn how to write a PHP script that could talk to the database. AngularJS was never taught in college so I had to take the time to teach myself. Although I completed the project in the allocated time I learned the importance of organization and prioritizing work.

Conclusions

Mobile technologies are emerging as a powerful tool for health information transfer including making patient information portable and accessible. I gained a lot of experience from using the 4 technologies and I believe I have the capability of using them if needed for future projects or for employment purposes.

I am also aware of how to solve specific problems and how to research these problems e.g. in relation to database retrieval or how to successfully manage my time. I recognize that I can overcome difficulties and achieve my goals successfully by being persistent, organized, and patient. Although working in isolation on individual projects it is important and is a necessary part of employment it is important to seek advice or guidance from superiors or colleagues that may shed light on an issue or provide a new perspective.

Recommendations

In terms of further developing the Hospital Patient Medical Records Information Project App, it could be linked to local GPs, pharmacies, and other health care providers so there is a complete holistic picture of the patient and his/her medical history. I would also have managed my time better as I was under severe pressure and time constraints and this may have affected the quality of the end product.

Posted on

Patient Medicine and Appointment Tracking System Java Project

Introduction

Patient Medicine and Appointment Tracking System is a web application that provides an interface through which Admin, Patient, Doctor, and Receptionist can register to the portal. The Java, HTML application will be used as Medicine and appointment tracking system.

The proposed Patient Medicine booking system eliminates the paperwork at hospitals and provides an easy solution through which the users would be able to read and update the data on the portal.

Description

This Patient Medicine and Appointment Tracking System project is a web application in which the Admin, Doctor, Receptionist, and Patient can register where Receptionist will ask for the email id of the patient for registration and the patient will get an email having a key generated by the receptionist through which patient can authenticate and can register on the portal.

The patient will be able to log in, create and view a medical report which comprises of clinic name, disease, doctor name, receptionist name, appointment date, etc, which are going under his guidance. The portal will provide information about the patient’s Medical Report and Appointment with the doctor.

This Medical Report will be maintained by the Patient, and the Approval/Disapproval of the appointments directly depends on the receptionist /doctor. The patient will get an email regarding the appointment in either of the cases.

Data Modelling of the Patient Medicine and Appointment Tracking System

Problem Formulation

We often forget about the small things in our day-to-day life because of our fast and busy schedule. But these small things like taking medicines and our weekly or monthly doctor’s appointment, have greater impacts if they are ignored. So, the main objective of building this project is to maintain the health of the user in his busy lifestyle.

The medication should not be ignored and thus MediTrack will help the user by reminding them timely about the medicines and schedule of appointments with the doctor. It also provides the doctor (receptionist) to keep track of and schedule the appointment with the patient.

Motivation

Existing technologies in the market carry out only online delivery of the medicines as per the prescription. Meditrack serves the patient’s needs by allowing them to make an appointment with the doctor and can keep a track record of their prescriptions, and appointments.

The Patient will be able to keep track of medicines, Appointment details, stock of required medicines, and scheduled reminders at appropriate times for prescribed medicines.

Software Requirement

Front End: HTML, Bootstrap. Angular
Backend: SpringBoot
Operating System: Windows 7 & 8
Database: MySQL

Visit the developer’s Page and Download the complete Java & MySQL project on Patient Medicine and Appointment Tracking System