Tag: NODE JS

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

IOT Solution for Vehicle Maintenance and Report Generation System

INTRODUCTION

  • Many automotive manufacturers are now moving towards an IoT platform for manufacturing and for service purposes.
  • The main advantages of using IoT in cars are Optimized maintenance and logistics.
  • Our idea is to monitor vehicle status (fuel, efficiency/Km, battery, oil levels, etc..,.) to the customer as well as the manufacturer.

CONCEPT

  • The main aim of every car manufacturer is to increase the life of the car and it’s crucial to maintain the car in a good condition to achieve it.
  • Many problems in vehicles arise due to improper maintenance. Many lose track of their service status and it’s a tiring process to keep in touch with every customer in a large automotive industry.
  • If we maintain a system, that automatically updates the vehicle’s conditions periodically to a specified server, and the system will generate a report, that will be forwarded to the customer and the service team, a lot of manual work will be removed.
  • We as a team provide an IoT solution for vehicle maintenance and report generation system.

FLOW DIAGRAM-FUNCTIONAL DECOMPOSITION

  • Our Vehicle Maintenance and Report Generation system collects data from the sensors available in the car itself and reports it to a transceiver module(ESP8266) which is connected to a database in the cloud.
  • when new data is updated/inserted into the table an event is triggered. This event updates the information in the dashboard, which will be displayed to the customer and manufacturer.
  • Then a weekly/monthly/yearly report generation event is triggered, which will mail the report to the specified recipient.

FUNCTIONAL DECOMPOSITION

Data collection:

The data is collected from the sensor stream of the car. This data is redirected to the ESP8266 module. The ESP8266 is connected to the server, that is allotted to the car. The ESP8266, when all data is collected, converts it into a JSON file. Then the server sends a post request to the server.

Event trigger:

Many database servers provide pl/SQL-based triggers. Here an Update and Insert trigger is created for the table. Oracle server provides a wide range of PL/SQL functions. The IP of ESP8266 is connected to the oracle server, which on periodic updates in the table triggers an event.

Dashboard:

The dashboard is created using HTML and CSS and deployed in the cloud using the NODE JS framework.

FUNCTIONAL SPECIFICATION

Hardware:

ESP8266 CP2101 module(CAR)
ESP8266 CP2101 module(HOME)

Programming Language:

SQL
Javascript (Node JS)
C++(Arduino .ino)
HTML CSS

Dashboard

The Vehicle Maintenance and Report Generation System dashboard are developed using Adafruit.io. This website provides dashboard development for MQTT-based devices

Posted on

Responsive Crypto Site System Full Stack Web Development Project

ABSTRACT

Website Design and learning Frontend and Backend designing were the main objectives of this internship. Develop a web-based application, there are several programming languages that can be used. For example, HTML3, HTML4, HTML5, CSS, Bootstrap, JavaScript, etc. For example- PHP, Java, etc. Nowadays there are also some frameworks that are used vastly. It is also called MVC. Solving real-life problems was a key issue. This report takes us through all the details of Watsonisite. Watsonisite is a Crypto site, that includes information about cryptocurrencies, the trends, the price, and the performance of the particular cryptocurrency.

Problem Statement

To develop a completely responsive Crypto site that includes information about different kinds of cryptocurrencies, the trends, the price, and the performance of the particular cryptocurrency. It also shows the ratings of each cryptocurrency and reviews from the users. It informs the user about the constant change in prices of different types of crypto. The usage of the concept of live value tracking of various cryptocurrencies means that the user can constantly stay up to date with the change in values by the minute and plan his investment accordingly. It provides an excellent means of connecting a new user to crypto and the trend with which its value goes up or down, giving him an idea about the crypto industry.

Existing System:

  • The last 5 years have seen a massive growth of cryptocurrencies in terms of the volume generated and the popularity of these currencies.
  • Due to the recent massive growth of crypto, the industry still hasn’t completely caught up with the demand of the market in terms of making a user-friendly, and fully functional informative website.
  • In terms of user retention on the website, an attractive graphical interface with pictures and information presented in a good, neat, readable format is essential in order to make the users feel content with the information given to them.
  • There is also a lack of consistently updating real-time prices on each of the cryptos, making most of the websites available today for crypto highly unreliable.

Proposed System:

  • The utilization of a concept such as dynamically updating the crypto values of each kind of currency at regular intervals helps the user track the market values for each kind of currency.
  • Even though the website is not designed to assist the user with his investment directly, it indirectly helps him or her with their investments by providing other useful services.
  • There is a feature implemented in the website consisting of a login page with the ability to  
  • log in with either your Google or Facebook account or any other email address in case the user does not have either of the two.
  • This provides a sense of privacy to the user and the ability to log in from anywhere and check the status of crypto at any point in time
  • The website also provides assistance and helps the users with a Cryptocurrency mining server, a Cryptocurrency trading bot, tracking cryptocurrency stats over time, etc.

The objective of the System

  • The website was designed aimed to overcome the shortcomings that the existing system possessed.
  • One of the major objectives of this designed system was to have a good-looking, properly functional, neatly organized, and descriptive website that aimed at providing the best informative service to its users.
  • We were able to achieve this by using simple, open-source software tools and utilizing them to the best of our abilities in order to design a product that would excite people to come back and visit, either for getting an idea about their next investment or to someone to get some basic knowledge about crypto and slowly getting their feet into the deep waters of crypto.

DESIGN ANALYSIS

USER RESEARCH

It was a new learning experience for me as I chose this project because I wanted to know how cryptocurrency websites work and what problems users were facing. So, I conducted user research to understand what pain points they had and empathize with them to understand exactly how they feel.

DESIGN PROCESS

Once we performed a market analysis on the problems that the various users of crypto websites were facing, the next step in order to design a crypto website was to understand the outline and visualize what the final website would look like.
This helped we could get an idea as to what tools had to be used with the web design and we could update ourselves with those tools if and when necessary, in order to make the website as user-friendly and informative as possible.
We then had to make sure that the website that was made was compatible with both phones and laptops because the user who has no access to a laptop at the moment should also be able to access it conveniently.

REQUIREMENT ANALYSIS

  • MySQL
  • NODE JS
  • Notepad++ Editor
  • Processor: Intel core i5 processer
  • Memory: 6 GB
  • Hard Disk: 40 GB

SNAPSHOTS

  • “HOME PAGE” OF THE CRYPTO SITE SHOWING LIVE PRICES USING A MOTION SLIDER
  • DIFFERENT CRYPTO COINS SHOWING LIVE PRICES
  • THE “ABOUT US” SECTION DESCRIBES THE REASON TO CHOOSE US FOR INFORMATION
  •  THE “SERVICES” SECTION SHOWS OTHER FEATURES THAT CAN BE USED FROM OUR WEBSITE
  • THE “REVIEW” SECTION SHOWS WHAT USERS SAY ABOUT OUR INFORMATION
  • DIRECT CONNECTION TO SOCIAL NETWORKING SITES AND CONTACT INFORMATION
  • LOGIN PAGE FOR USERS
  • SIGNUP PAGE FOR NEW USERS
  • OPENING THE WEBSITE ON A MOBILE PHONE
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

AI-Powered News Articles Search Web Application using IBM Cloud and Slack Bot

Purpose

The purpose of this News Articles Search project is to develop a web application that fulfills our need to find the obvious and recent news articles and update them regularly. After the discovery service is integrated with Slack Workspace, it gives a bot as an intermediate to search news with a keyword. In addition, the web application also analysis the sentimental present in the news article and extracts keywords and concepts to make it an attractive and understandable format for the user to understand what is important and what is not.

Literature Survey

Existing Problem

News Article applications that are currently used are confusing the users, with multiple functions and an overflow of design, these applications still do not fulfill the demand of the news users and often get results from the past days, weeks, and months, which confuses the users only. Also, there is no way in these apps to know what the approximate feeling of the audience is regarding the article or news topic, which makes it less interactive and very low number of users.

Proposed Solution

Discovery service available in the IBM cloud, creating a web app to get the latest and obvious news results fast and user friendly. When integrated with Red Node Flow, the IBM Discovery Service can create a simple, engaging, organized user interface that provides users with relevant news articles as Discovery Service continuously crawls the web for the latest news to provide. By adding emotional analysis, we make the user interface more interactive, easier to understand, and attain more users.

Project Tasks

1. Creating and deploying the Watson discovery news app locally.
2. Integrating Slack-bot with Watson Discovery.
3. Creating node-red user Interface.
4. Integrating node-red UI with Watson Discovery.

Flow Chart:

Flow Chart

Experimental Investigation

First, we use the discovery service to configure and query adding our collection. A red node application is created in which the discovery is integrated and a simple flow of 5 nodes is created to enter the news topic and the results show related news. Slack then integrates with Watson’s discovery service so that news articles can be searched on more than one platform, and finally, sentiment analysis is performed on the data/news articles being searched.

Advantages and Disadvantages

1. The News Articles Search web application provides interactive sentiment analysis.
2. It can be accessed through more than one platform which is slack.
3. It collects and delivers the most recent data.
4. It does not have additional features like storing news history.
5. It does not provide a stand-alone app but rather uses a web application.

Applications

1. This News Articles Search web application can be used by any user in need of accurate and fast results.
2. Can be used by firms and organizations.
3. Can be used in the stock market to make predictions.

Bot on slack

Bot on slack

Conclusion

This News Articles Search project gives some basic working knowledge of the Watson Discovery Service and showed you how to use Discovery along with JavaScript and Node.js to build your own news mining web application. It also gives insight into real-world applications of AI and helps us understand Slack better.

Future Scope

1. The IBM Cloud and Slack Bot web application can be integrated with the cloud and made into a mobile app to use on it on-the-go.
2. Additional sentiments can be added to the UI.
3. Related and trending news topics can be shown to the user.

 

Posted on

Raspberry Pi Project on Intelligent Door Access Management System

Today the world has been far more advanced in technology than in the last 3 decades and with that, there are advances in the technologies that help to keep our homes safe. With the help of IoT now we can track our house even when we are on vacation.

The significance and the purpose of our Door Access Management System are to make the user’s home much safer by increasing security and giving the user full control of the system.

Introduction

Background of Project

When we are at work, we may have an important meeting and may not be in time to receive our guests and they may need to wait outside. The same may happen if we are on a vacation and to safeguard ourselves from Intruders.

The duty of an Engineer is to provide solutions for the problems faced every day with upcoming technologies and we have come up with a model which will help to solve them.

Statement of the problem

This project will create a smart doorbell messaging system so that when a guest clicks on the button, obtains an image of the user via a camera peripheral, uploads the image and event data to a Googles Firebase cloud, and sends a message with some message to notify that a guest has arrived.

Aims and Objectives of the project

The main objective of the project is to make a Smart door system. The other objectives are: –

  • To include an access button to allow the user to open/close the door

Materials

The main components of the Intelligent Door Access Management System are as follows:

  • Raspberry pi 3    
  • Push-button 
  • Logitech Camera                                                     
  • Stepper motor

Working

The first step was to make an interface between the Push button and the Camera using Raspberry Pi so that when the button was pressed the camera would take a picture. The next step is to connect the camera to the Firebase Cloud to upload the images in the Firebase Storage and send the image’s URL to the Firebase Database.

Next using Android Studio, a Mobile application was designed to retrieve the image from the Firebase Database. Using Node JS push messaging is also added along with the mobile app such that when someone is at the door a notification pops out. They can Open or Close the door using the buttons in the app. When pressed the data is sent to Firebase Database and retrieved by the Raspberry Pi which then operates the door.

Flow Diagram

Block Diagram of Door Access System

Bill of Materials:

Materials

Cost (in Rs.)

Logitech camera

1350

Raspberry Pi 3B

3500

Micro-Stepper motor

400

Push Button

50

Contingency

700

Total

6000

 

Future scope

  • Face recognition can be implemented to allow family members /regular guests
  • It can be integrated with a burglar alarm and inform the police of intruders 

Conclusion

The project “Intelligent Door Access Management System” has been tested real-world scenario and the door is opened or closed by the commands given by the user

Posted on

Quora for College Full Stack Academic Project

Wikipedia is a collection of Human Knowledge whereas Quora for college is a collection of Individual Knowledge. Being on Quora for college will make you a better thinker, which will be handy in whatever else you may pursue. It’s a bit like going to school, except way better.

Fortunately, many of you humans have been enlisted to provide both questions and answers as a cover, maintaining the appearance of just another innocuous website. Just as the purpose of humanity is for the creation of the one great individual Quora is the quagmire from which springs ‘The Wonderful Lizard of Awes’.

Quora for college’s project mission is to share and grow the world’s knowledge. Quora for college is a knowledge exchange platform on the college campus, which can be shared by anyone who knows something. Sharing knowledge is a part of wisdom. It will reach the people who have a desire to acquire knowledge.

The main aim of developing the Quora-related website for college students is to quality communication between the students regarding the question and answer-based platforms. This project was developed using the Full-stack.

Modules

Our project Quora for College will be divided into different modules

  • Login and Sign-Up page
  • Add Question
  • Reply to Pre-existing question
  • Feed up

The login/signup page: There will be a validation form for the login to the website and login details will be stored in the database. And it is mandatory to log in foe entering the website without login/signup you will not able to access the website. We will also provide the way to login through google means Gmail or sign in with Facebook.

Ask Question: Quora for College will provide you a better chance to add a question of your interest and wants public opinion on it. Then Quora for College is best for you.

Reply to the question: Quora for College will provide you with a better chance to showcase your knowledge. It allows you to answer the questions asked by others on subjects in which you’re knowledgeable.

Feed: Quora for College will provide you feed option in which you will be able to see questions related to the different topics.

Mern Stack was used to develop this Academic project. Mern Stack Consists of

  • MONGODB
  • EXPRESS
  • NODE JS
  • REACT JS
Posted on

Nearby Hotels Python Web Application

This is a simple web application that can be used to search hotels. This application will help in searching nearby hotels and also give weather reports of that place such that they can know the weather details priorly to near that hotel in order to travel. A currency converter is included with which everyone can view hotel prices in their desired currency. Additionally, discount coupons are included, which will help user to access the cheapest hotels nearby.

API’s to be used:

Google maps:

The google maps API fetches the data from google e.g. here Maps API is a server that returns information about a place, an establishment, a geographical location, or a prominent point of interest using an HTTP request. Methods are available for place search, details, and autocomplete queries.

The place API returns in JSON format.

Currency converter:

Planning to use online currency converter API web services. This API allows covering the currency to whatever the users needed.

This API returns data in XML format.

Weather API:

This API forecast the weather near the hotels, which uses information from the Rapid API: this API has all the information like temperature, humidity, wind, etc..

This API returns data in JSON format.

Discount coupon:

Planning develops discount coupon API, which gives what best hotels are available nearby with the best discounts possible.

This API returns data in XML format.

Technologies used:

  • JavaScript
  • HTML
  • CSS
  • Nodejs
  • Python