Tag: Visual Studio Code

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 Shopping Web Application BCA Project Using PHP

EXISTING SYSTEM:-

Current system customers have placed orders through phone calls, messages, or face-to-face communication. In the current system, the customer does not think about whether products are available or not.

PROBLEM WITH THE EXISTING SYSTEM:-

  • The current system totally works manually.
  • The existing system is based on a phone call or face-to-face communication.
  • The current system is very hard to operate and maintain.
  • The paper-based work so the records are lost sometimes.

PROPOSED SYSTEM (NEW SYSTEM):-

The Online shopping web application is easy for customers because customer purchase items in stay in the home on their computers. In this new system customer view, a variety of products and what’s products are unavailable(finished), and what products are available. You can also visit & download the Java Console Application project on Online Shopping Management System.

ADVANTAGES OF THE NEW SYSTEM:-

  • Effective communication between admin and customer.
  • Payment systems are available.
  • Home delivery is available.
  • Customers are aware of products and see what’s products available or not.
  • The product is nice or not given feedback.
  • View a product review.

TOOLS AND TECHNOLOGY:-

1) TECHNOLOGY:-

1. Frontend

  • PHP
  • Html, Css, js, Boostrap

2. Backend

  • My SQL

2) TOOLS:-

  • Sublime Text
  • Visual Studio Code
  • Draw.io
  • Microsoft PowerPoint
  • Microsoft Word
  • SQL Server

Project Functionalities:

  • Registration Page
  • Login Page
  • Admin Add Product Page
  • Admin Update Product Page
  • Admin Remove Product Page
  • Search Product Page
  • Buy Product Page
  • Payment Page
  • Cancel Order Page
  • Forgot Password Page
  • Change Password Page

Database tables:

  • Admin Table
  • Customer Table
  • Cart Table
  • Order Table
  • Product Table
  • Category Table
  • Payment Table
  • Feedback Table

Also, Read this Development of an Online Shopping Bot using IBM Watson

Also, Read this Analyzing Online Shopping Data QlikView Project

Acknowledgment

We express our heart gratitude to a number of people who extended their full support and cooperation in developing this project first, We would like to take this opportunity to thank our College for giving us this opportunity and a platform for discovering and developing our potential, This kind of experience that we have received while making this project report is so immense the narrating that in few words is difficult.

After putting in such hard work we have realized that takes to work in the shop and do a project. Our Institute and colleagues have been great sources of help without them we were unable to do this project.
Therefore, our project is a small drop in the water sea. We have learned many things from being a part of the concept of family.

After that our heartiest thank is to our internal guide as well as respected faculty for entrusting us with responsible and acting as a ray of light in the darkness. We find ourselves self-short of the world to describe our feeling for the role he played as a friend, a philosopher, and a guide, whenever we were in need.

Lastly, we are thankful to our parents for their blessing, Love, and Support. We are unable to traverse through this most significant stage of life and also, and we would Like to take this opportunity to express our regards to all our friends and faculties who have helped us directly or indirectly during the execution of the project. We are privileged and thankful to all for bringing our errors and shortcoming. This Online Shopping Store C# and SQL Website is related to the Online Shopping PHP Web Application Project.

Posted on

Online E-Commerce System Project Using HTML 5, CSS 3, NodeJS and ExpressJS

Purpose

  1. To develop an online e-commerce system that will provide a platform for customers and sellers to meet and sell and purchase items. The Online e-commerce system shall accomplish the following as of achieving the major goal:
  1. To build a user-friendly business website, where users will be able to search for any product which is available nearby or anywhere in the world. By using an Online e-commerce system, it will be easy for sellers to sell products and save time and money. Doing business through this application will help to reach a maximum of customers and sellers. Creating a panel where a seller is able to upload their product’s full details and a customer can view and make a purchase as per their wish.
  1. To implement the system and check if it actually is able to provide benefit to the people.

Scope

The scope of this application is to build a user-friendly e-commerce website, where users will be able to purchase any product which is available on the website. By using the e-commerce system, it will be easy for sellers to make a sale and save time and money. Doing business through this application will help us reach a maximum of sellers and customers globally.

General Objective

To develop an online e-commerce system that will provide a forum for sellers and customers to interact with each other, and sell and purchase items.

Specific Objectives

  1. Create an online platform where sellers post items for sale through the online system.
  1. Create a panel where a customer can view products from a seller and make purchases and do payments through online payment systems, and later submit reviews about the service.

ER Diagram:

Data Flow Diagram:

UML Diagram:

Modules Description

Sign Up

1. It is used to register or to create a new account for a particular website.
2. It also allows the user to be a part of the website and also provides all the services of the website.

Log in

1. It is used to open a session with an account that is already created.
2. It is successful when your credentials (i.e., username and password) match with what is already stored in a database. This is called authentication.
3. It makes the site personalized for you.

About

1. This module gives an overview of the website.
2. It shows the website’s business, values, and commitments and its management.

Contact

This module allows the users to ask any queries related to their property or anything.

Search

This module is used for searching the posted auctions

Add Product

This module helps in posting Auctions

Product Function

1. Enable the customers to view posted products in their locality and also globally.
2. Enable the creation of accounts and logging in to the accounts
3. Enable users to log out of their accounts
4. Provide an interface for the seller to view the transactions, and add sellers and products to the system.
5. The seller should also have accounts where they will receive customer orders and respond to them.

Modules 

  • Login and new registration
  • Search: The search page will help users to search for the desired items using the search box.
  • Contact: This module will help users to contact the seller in case of any queries or issues that arise.
  • Add Product: This module will help the seller to add new products to the system

Summary

This NodeJS-based website is a reliable web application that saves time and money. This must be implemented in most of the information technology industries. It is user-friendly software, through which users can easily interact and easy to search for and buy products. This turns out to be great usage.

With the rapid growth of the internet and the world wide web, everything is going online. This website is developed by keeping in mind the easiness of interaction by the users so that they get a very user-friendly environment while surfing the website. Such compatibility of this website enables it to attract users to visit the website more frequently

The system is capable of maintaining details of various users, sellers, and products and storing all day-to-day transactions. The central concept of the application is to allow customers to search, compare and purchase products using the internet. The information pertaining to the products is stored on a NoSQL database on the server side. The Server process the customers and the orders and stores them in the database. 

Future involvement with the project

We will keep on improving our project in the future by adding more and more modules in the system as per the needs of the users. 

Limitations

Our project was limited in time and cost which is a limitation. If provided with more time and cost, we would have done better using the better infrastructure.

We developed the project on a local offline server, though we could have used an online one if provided with more cost.

Hardware & Software Used

Hardware

1. HP Notebook
2. i5 10th Gen CPU
3. 8GB RAM
4. 512GB SSD

Software

1. Visual Studio Code
2. Postman
3. NodeJS
4. ExpressJS
5. Google Firebase
6. AWS
7. HTML 5, CSS 3 & Javascript.

Posted on

University Leave and Outing Pass Automated System Application

Purpose of the Project:

This Project is a leave/outing pass automated system designed for Educational Universities. This system is an end-to-end module that enables a user (Student) to raise a request and an admin (Mentor) to approve/decline it. This is a robust system where Parent Verification, In-Out Time recording, and Data Security have been taken care of. This Project is built to be a secure, flexible, unique, transparent, and user-friendly environment that aims to digitize the whole process thus removing fake paper trails.

Feasibility Study:

The project has been undertaken after the feasibility study, which paves the way for deployment, and phase development.

Scope of the Project:

The scope of the Automated System is designed to run on the University server and to allow students to raise requests for their leave, trace the request status, and modify them. On the Mentor Dashboard, the software also allows the Mentor/ Mentor Coordinator to view requests, and approve/decline requests. Whereas on the Hostel Dashboard, the Warden/ Deputy Warden and Hostel Supervisors will be able to view and grant leave passes to the students.

This Automated System will provide ease to all the actors – students, mentors, hostel authorities, and security services in regard to leaving/outpassing sanctions and will ultimately eliminate the paperwork.

Overall Product Description:

Product Perspective:

It will provide a way in which existing paper-based work can be supplemented with the end-to-end robust leave management system. The system can be used independently of the platform and device, be it on a smartphone, tablet, or computer.

Product Functionality:

The server will be responsible for storing each request generated, generating one-time passwords, generating QR Codes E-Pass for authorized requests, receiving and authenticating requests, generating statistics at the needs of each audit, and maintaining and verifying security and user privacy. This server can also potentially contact all authorized students by email to give them username information, passwords, server address, OTP code, updates to the users from the Mentors/ Hostel Services, etc.

Process Flow – Student:

  • depicts how the student raises the request and the activity which is continued after the review from the mentor.
  • depicts how the Mentor/Warden/Supervisor approves/declines the requests.
  • depicts how the Security guard can verify the leave request the student displays.

Upper Classes and Characteristics:

It is anticipated that three types of users will use the Licensed Software defined in this SRS.

  1. IT staff/ Software Development Cells are expected to deploy and configure the System using the defined system interfaces. This will include running the whole system and maintaining software after the handover and deployment of the project.
  2. The second type of user of the Hostel Warden/ Deputy Wardens / Hostel Supervisors and Managers is expected to understand and use correctly the software interfaces defined with the appropriate design documentation.
  3. Finally, it is expected that any student accorded with Hostel Services within the domain of Vellore Institute of Technology may access all of the leave request information such that the request is independently verifiable. This will include a web application presented using Hyper Text Markup Language (HTML) to allow a user to raise their request that has been registered under review including the previous requests history.

Working Environment:

The Automated System software is directly made as a web application, so the computer hosting must be capable of running HTML and should have internet. The system will be uploaded to the University server, in order to make it accessible for all the students, faculty mentors, and wardens.

Design and Implementation Constraints:

The Application provides an end-to-end leave management system that copes with malicious attacks provided certain constraints are met. Principally, all necessary steps should be taken to protect the System from unguarded attacks by using physical, network, storage, and user security protection. These safeguards should be penetration tested by the SDC to ensure viability.

User Documentation:

The users are the students or faculty/staff of the university who are authorized by SDC, they will be able to raise/ view/ approve/ disapprove requests on the server. The application client will be available free of charge, and any purchase of the server software will be authorized to distribute it to their users.

Assumptions and Dependencies:

 This software in its initial phases of development depends on a few third-party commercial applications or any assumption. Student Development Team will take care of all the assumptions and dependencies. It will be the responsibility of SDC to purchase/ develop the dependency as per the University IT norms.

System Features:

Login:

This is used to login and maintain security by authenticating the users

1. Should accept the user name password
2. A case-insensitive comparison is done for a user name and a case-sensitive comparison is done for a password
3. If the correct user id and password are supplied then, Main Menu should be displayed
4. If an invalid user id or password is entered then the system should display the error message “Invalid ID or password” and should quit the application.
5. Username – Students – Registration Id Faculty – Employee Id Staff – Employee Id
6. VTop Login Credentials can be used in the further enhancements

Mentor’s Portal:

This feature allows mentors to work out the leave/vacation requests.

1. Can approve a request.
2. Can decline a request.
3. Can edit the request.
4. Can verify the request.

Warden’s Portal:

This feature allows the warden to authenticate the requests

1. Is able to view all requests for outpass.
2. Can reconsider requests

Hostel Supervisor’s Portal:

This feature allows supervisors to issue outpasses to the students

1. Can issue outpasses to students.
2. Can deny the issue of an outpass.
3. Can send a request for reconsideration to the warden.

Student Portal:

This feature will allow students to raise a request for an outing/extended outing/leave.

1. Can raise requests of respective categories.
2. Would receive a system-generated outpass

External Interface Requirement:

User Interfaces:

Login Interface – The login interface consists of the student username and password fields, Students can log in with the same VTop Credentials.

The login interface for the faculty and staff consists of the faculty/ staff employee id and password. Their credentials will also be the same as those of VTop.

Hardware Interfaces – Hardware requirements include a laptop or a desktop or a smartphone with proper connectivity to access the system. Other than above mentioned, no hardware is required.

Software Interfaces – The software is based on an application interface. The Application will interact with the University Server with regard to user verification and information retrieval.

Operating System

Ubuntu

Programming Language

HTML, PHP, CSS, JavaScript

IDE

Visual Studio Code

Database

InnoDB

Hosting Base

Amazon Web Services

Communication Interfaces – This software would be functional on an ethernet connection or a wireless connection.

Cost Calculation:

SOFTWARE COST ESTIMATION:

For any software project under development, it is indispensable to know how much it will cost to develop and how much development time will it take. The project scope must be established in advance and software metrics are used as a support from which evaluation is made. The project is broken into small PCs which are estimated individually. Several estimation procedures have been developed to monitor the project’s progress, so developers and product managers can assess whether the project is progressing according to the procedure and take corrective actions, if necessary.

STATIC, MULTIVARIABLE MODELS:

Static, multivariable models depend on several variables describing various aspects of the software development environment. In some models, several variables are needed to describe the software development process, and the selected equation combines these variables to give an estimate of time and cost.

WALSTON and FELIX developed the models at IBM to provide equations to give a relationship between lines of source code with effort and duration of development.

For our software project, the lines of code (LOC) sum up to 5223, which becomes 5.223 KLOC.

So, according to the WALSTON-FELIX model, we need to hire 24 engineers per month and require 7 and half months to develop our project.

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

Social-Eyez an Social Media App Minor Project Synopsis

Introduction

A Social-Eyez is a social media app that facilitates the creation and sharing of information, ideas, interests, and other forms of expression through virtual communities and networks. In our project, we are working to build an app that caters to the above requirements. the app will contain many features like user authentication, content creation(uploading images), interactions in the form of the like button, comment button, etc. the app will be made using Flutter Framework. Among many apps build on this framework, Google pay is a prime example as it is built using this framework.

In the initial Phase, our target is to build the application for Android OS and then take it to another platform like IOS. this application is going to be a live project and our team will keep on integrating new features from time to time. We will start will basic structure and features and then scale it up according to available resources.

Rationale 

Social media is a part of our life now and there are only a few platforms that are dominating this space. Meta is the shark in the tank, it is the parent organization of Instagram, Facebook, and Whatsapp China has its own alternative apps like WeChat and Weibo. India is still heavily dependent on these apps. This Project is a humble effort to give Indians their own social media app and eventually realize the dream of Atmanirbhar Bharat apart from this our app will include many other features which are lagging in Instagram like:-

  1. SOS (Save Our Souls) feature. it can be triggered in the event of an emergency.
  2. Social and News combined.

Objectives 

Social-Eyez will try to give a platform for its user to interact and connect with each other. The main objectives of our app in the long run are:-

  1. Community Builder: One of the many reasons to use Social Media is that it acts as a Community Builder! 
  2. Exchange of Ideas: Social Media has been one of the most successful and popular ways of exchanging ideas! 80percent of people have their accounts on one of the many social media sites thus, making it more logical to validate my point! You can exchange innumerable ideas and can apply them too!
  3. Engagement of users: 
  4. Biggest Marketing Platform: Social Media is now one of the largest media where you can market all your product right from the needle to the largest machines! There’s nothing impossible now!
  5.  Monetization:. One of the major advantages to use social media is that they provide us with the facility to monetize.

Methodology

  •  User authentication. 
  •  Writing posts with image attachments. 
  •  Becoming followers of other users. 
  •  Reacting and commenting on posts. 
  •  Notification about the latest posts from followed users. 
  •  Searching for specific posts.

Facilities required for Social-Eyez

Technologies that we’ll be using in this project will be Flutter Framework, Dart Programming, Git, and Visual Studio.

the main development of the Application will be done using Flutter Framework. it is a slightly new framework backed by Google. Firebase will also be used. it is a Backend-as-a-Service (BaaS) app development platform that provides hosted backend services. Firebase supports Flutter.

Visual Studio will be used as a code editor and Git will be used for version control development.

Hardware requirement: 

1. Laptop

2. Smartphone

References 

  1. Shakleen Ishfar “Leaf: Flutter Social Media App” https://medium.com/@shakleenishfar/leaf-flutter-social-media-app-part-0-954ab180d476
  2. Stanislav Termosa, ”An Introduction to Flutter: The Basics ” https://www.freecodecamp.org/news/an- introduction-to-flutter-the-basics-9fe541fd39e2/
  3. Introduction to Dart Programming, 2 April 2018 https://dart.dev/tutorials
Posted on

Food Recipe Cross-Platform Android and IOS Application Project

Surely there are many Food Recipe Cross-Platform apps that offer a wide variety of options to choose from, but most of them are online only, and those that are offline lack either that multitude of options or are devoid of proper UX and structure.

Modules and Description:

1. Smart search filters:

Users can search or filter recipes by name-based ingredients and diet. When a user searches for an ingredient, all the related recipes to that ingredient will be shown to the user, and a search based on a diet is also displayed. For example, some people are allergic to some ingredients and wish not to include them in their meals. The user will be able to search the recipe based on diet or other requirement factors. The search filter will return the appropriate recipes depending on the type of search.

Search by name, base-ingredients, diets,.

2. Categorized view:

In our application, all recipes are categorized into various cuisine, food types, diets, and varieties. We collected the exclusive authentic recipes of various countries and their cuisines are categorized on the type of food and the specific diet that the user is seeking varieties.

Recipies are categorized into cuisine, food types, diets, vegan, etc,

3. Curated Collections:

We’ve gathered recipes from famous chefs around the world and listed their signature recipes and collected various information and data about these recipes from popular websites and articles.

Curated recipe collections from famous chefs, web articles, etc.

4. Pantry Manager:

Every user can manage their own personal pantry with the help of a pantry manager, which we have included in our application.

5. Meal Planner:

Manage your pantry using our pantry manager and Plan your meals for family dinners, parties, and other social gatherings.

6. Shopping list:

Add recipes to your shopping list and browse the required ingredients with a quick glance.

We have also given a feature where the user can add ingredients to the shopping list. So that the user can track all the missing ingredients and purchase them all at once later when he/she visits for grocery shopping. These shopping list features take out all the work for you, whether you want to share a virtual list with your family and friends, or check out the nutrition facts for whatever you’re buying. It can be used and created by more than just a cell phone, as some apps can integrate with smartwatches.

 7. Skill Guide and Glossary:

Under the skill guide and glossary section, we’ll provide the user with various information on cooking techniques. Like knife skills, etc., and including a ‘Dictionary’ to understand common culinary terminology. This section is basically dedicated to starters who do not have experience and match knowledge in cooking.

Offline wiki on knife skills, cooking techniques, and various other culinary skills including dictionary to better understand common culinary terms

Activity Diagram:

  • View Recipe

The user shall be able to see the recipes in the application. In other words, the user shall be able to access the Recipe Forum, where all the user’s recipes are posted and ordered by the date of creation. Our application allows users to view recipe lists with images and titles. Single recipes can be viewed with images, recipe titles, and details of cooking directions. 

  • Search for a Recipe

 The search functionality will provide the users with a shortcut to find their targeted recipes if posted before by the users.

  • View Ingredients

The user of the app shall be able to view the ingredients of a certain recipe.

  • Add Recipe as Favourite

Once the user accesses the recipe information, he/she shall be able to mark a recipe as a favorite. Our application allows users to save recipes as favorites. When a user performs a search operation, the result is a list of recipes. Each recipe in the list has a favorite button on it. Users can add recipes by clicking on the favorite button.

The user shall be able to access the recipes that he/she marked as favorites.

 Result Screen Shorts

  • Recipes are categorized in the form of cuisines (based on countries and origin).
  • Fast food items are categorized into Burgers, Pizza, Noodles, and Sausages.
  • We have also collected the signature dishes of some of the world-famous chefs under the Chefs Curated category.
  • We have a category named ‘Meals’, were further divided into 6 categories:

– Lunch

– Breakfast

– Dessert

– Dinner

– Salad

– Soups

  • We also have a special Category. Here, the user-specific recipes are collected. For instance collection of vegan recipes is included.

External Interface Requirements:

  • Hardware

The Food Recipe Cross-Platform mobile app will be operating on Android and iOS.

  • Software

The mobile app will be compatible with the mobile and tablet(Android app) last versions.

Developer Requirements:

Hardware Requirements:

  • OS: macOS-64bit and Windows 7 (64bit) or later
  • HDD:1.23GB if windows or 2.8GB if MacOS for Flutter SDK
  • RAM:4GB (minimum)
  • Processor: Intel i3 3rdgen or AMD equivalent

Software Requirements:

  • OS: macOS-64bit and Windows 7 (64bit) or later
  • Tools: Flutter SDK
  • Android Studio/Visual Studio Code or any other IDE supporting dart
  • Git
  • Windows Powershell 5.0(only for windows users) 

User Requirements: 

  • OS: Android Jellybean or newer and iOS 8 or newer
  • Hardware: iOS devices (iPhone 4s or newer) and ARM Android devices
  • Storage Space: ~200MB
  • RAM: 2GB

Conclusion:

  • So by using this application users can cook different recipes at their homes.
  • They can also manage their diet.
  • They can manage their time.

The Food Recipe Cross-Platform application meets with the enterprise-class application principles. It is designed to be performing, scalable, extensible, and highly available.

Future Scope:

In future work, I am planning to persist in developing more mobile apps and entering deeply the world of Android development. Food Recipe Cross-Platform has helped me to gain a lot of development skills and enrich my background, as I spent the previous 4 months searching for every tiny detail that concerns the development of android applications. Thankfully, I have built a good knowledge.

Therefore, any upcoming Food Recipe project of mobile application development will undoubtedly be within my reach. In addition, as to the future of Recipe Organizer, I will deploy it in Google PlayStore and update the app from time to time if necessary. I will export my database soon and then buy an account in Google PlayStore to publish the app. Also, I will monetize my application using Admob.

Download the complete Food Recipe Android and iOS App Project Code, Report, and PPT.

Posted on

Employee Task Management System Web Project using PHP and MYSQL

Problem Description

We need to make a system in which mentors can assign tasks to the employee and other mentors can monitor the availability of employees and on that basis, they can assign him/her new task. As well as employees can see all the assigned tasks with priorities. The app should be able to: Store data on new Employees/Trainees and new Task Assignments Employees can see the availability of other employees, trainees, and interns but trainees will not be able to see other availability. Employees can assign tasks with details like task name, task description, assigner, priority, and expected hours for completion to other employees’ or trainees’ ToDo lists considering the maximum limit of a total of eight hours for an employee before assigning any task.

Target Audience

This is a very common problem in companies where an employee already working on an assigned task and another mentor or boss going to assign him a new task, S/He might not know the employee’s availability and the priority of the task on which the employee already working. In that scenario, there will be lots of communication going around to assign the task, due to which task going to be delayed. To resolve these issues and make employee availability transparent, we need to make a system in which mentors can assign tasks to the employee and other mentors can monitor the availability of employees and on that basis, they can assign him/her new task.

As part of the curriculum of B.tech and to gain practical knowledge in the field and Python programming and web development we have made this project. We have boosted our skills through it.

In this Project, we have worked on VS Code and GitHub. Git Bash, Mysql, Software xamp, CSS, and HTML.

Employee Task Management System is created in PHP and MYSQL. It deals with the rundown of workers in an organization or an association. It likewise contains the training went by every Employee. Representative is the foundation of an organization so the Employee Management System is an extremely useful framework for an association or organization.

It also contains training attended by each employee. The employee is the backbone of a company so the Employee Management System is a very helpful system for an organization or company. This system also manages the company employee details like their attendance, their performance, salary details, and leave details.

This section compresses the assessment of the writing important to the Employee Management System. It looks at hypotheses, ideas, methodologies, strategies, and systems important to the venture.
Comparative existing advances identifying with the improvement of the Employee Management Systems are talked about.

In this Project, we have worked on VS Code and GitHub. Git Bash, Mysql, Software xampp, CSS, and HTML. Employee Management System is created in PHP and MYSQL. It deals with the rundown of workers in an organization or an association. It likewise contains the training went by every Employee.

Representative is the foundation of an organization so the Employee Management System is an extremely useful framework for an association or organization. It also contains training attended by each employee. The employee is the backbone of a company so the Employee Management System is a very helpful system for an organization or company. This system also manages the company employee details like their attendance, their performance, salary details, and leave details.

Design Diagrams:

Use Case Diagram:

Data Flow Diagram:

ER Diagram: Sequence Diagram:

Activity Diagram:

Functional Requirements

REQ-1: Authentication 

  1. Login- The user can log in to the system with his/her username and
  2. Logout- The user can log out from the
  3. Login failure- If the user does not exist in the database or the user has not yet been authorized by the

REQ-2:Authorization 

  1. User role check- After logging in, the user role will be checked from the database and the user interface will be displayed according to their role.

REQ-3: Employee Management 

  1. Display- Users with defined roles can display the content of the database. To be more specific, an employee can only view his/her personal Boss and can not only see his/her personal information but also employee’s information who are under his/her department or school.
  2. Edit- A user with an employee role can edit his/her specific personal

information. Boss can only edit employees’ personal information that is under his/her coverage except for user role type. The Boss can check employee availability.

REQ-4:Trainee Management 

  1. Training – The Boss and employee shall create training tasks and assign them to other Bosses and employees and employees and trainees respectively that are required to attend the training as well. Boss and Employee can also check the availability of the trainee.

REQ-5: Task Management 

  1. Tasks – Boss and Employee can check assigned tasks, they can check task priority. they can also create the task and assign the task.

1. Sign Up
2. Login Up
3. View Employee Details
4. Create Task
5. Priority
6. Availability
7. Assign Task
8. Task Status
9. Task Done
10. Task Details
11. Personal Details
12. Submit Task

System Features

Module Description

Sign Up: Bosses, employees, and trainees will sign up using their credentials.

stimulus: boss/employee/trainee will sign up through the signup button.

response: dialogue box for “thank you for signing up” appears.

Log in: Boss, employee or trainee will log in to the system using their unique ID.

stimulus: boss/employee/trainee will log in through the login button.

response: for boss/employee/trainee different pages will appear respectively.

View employee details: contains employees’ details.

stimulus: click on the button to View employee details.

response: Details appear (only boss and employee can view details)

Create Task: boss can create tasks for employees or another boss. Employees can create tasks for trainees or other employees. trainee can not create tasks.

stimulus: click create task button.

response: the task will be created

Priority: Check the assigned task priority.(boss/employee/trainee)

stimulus: click on check assigned task priority.

response : shows priority(High,Medium,Low).

Availability: check availability of boss/employee/trainee for assigning the task.

stimulus: click on the check availability button.

response: shows availability.

Assign Task: After creating the task the creator will assign the task to the boss/employee/trainee.

stimulus: click on the button to assign a task.

response: Task will be assigned

Task Status: change the task status whether it is completed/submitted/in progress.

stimulus: click on the button to change task status.

response: changes will be done according to your status when you choose options from it.

The task is done: The feature indicates the task is done. Only bosses and employees can access this feature.

stimulus: click on the task done button.

response: status will be updated once the task is done.

Task Details: will get trainees through the details of the task assigned.

stimulus: click on the View Task Details button

response: details appeared

Personal Details: will display personal details of the trainee to her /him.

stimulus: click on the View personal details button.

response: personal view appears to him/her.

Submit Task: The feature is for trainees only, to submit the task.

stimulus: click on submit task button

response: the task will be submitted.

Future Scope

1) AI is applied in almost every industry and may become a standard in the near future. 

2) Data visualization represents the data in a visual and understandable manner: graphs, diagrams, maps, etc.

Conclusion

This is a customized task management tool that enables your enterprise to manage all tasks efficiently in this troubled time & even in the post-COVID age. Our robust task management app help organizations face challenges related to project management & gain a higher Return Of Investment over the period while meeting deadlines and utilizing resources effectively.

Download the Complete Employee Task Management System Project code, Report, PPt, and Design Documents

Posted on

Students Solution an E-learning-based platform Project

The project Students Solution is a website that is an E-learning-based platform project and it will help the first-year students of B.Tech (All Branches). In this, we will build a Students Solution site. After creating the Students Solution site, you will be able to take notes for your corresponding subjects which were provided by the developers, and you are also able to practice your basic knowledge with the help of a quiz Which was in this website we also provide some blogs which were helpful to motivate students for deeper knowledge and extracurricular activities.

This technology helps you to provide the best notes on your subject bases and gives extra knowledge along with your course.

It provides a convenient solution to the traditional notes-making system. We follow a modular approach to learning through our website.

About the Project

This Students Solution project aims to make a website for first-year students of our university. This is an e-learning website where first-year students of our university will get ready-made notes. Our website “Students Solution” is to automate the existing manual system with help of ready-made notes, fulfilling first-year students’ requirements so that they can receive a valuable education. This means no need to worry about making handwritten notes. And they can utilize their time up to the maximum. It is a need for time to switch to e-learning.

Motivation

When we joined the university we faced a lot in our very first year due to a lack of proper subject material and guidance after class. So we are thinking of developing a “Students Solution” website where first-year students of our university will get all the subject notes and materials.

To help the first-year students we are working on this project “Students Solution” so that they can feel free and study well.

Objective

The main objectives of creating the Students Solution, We will provide all the notes regarding your subject and quizzes regarding that particular subject which provide you the basic knowledge of that particular subject and we will also give vlogs to fresher’s to motivate themselves for extracurricular activities.

The main objectives are :

  • To provide a quality-based education.
  • To provide ready-made notes.
  • I-Q Test

Implementation Details

Part 1: To build a Backend of the website in which notes are to be attached.
Part 2: Develop a site for quizzes regarding that particular subject.
Part 3: To build the information of developers.
Part 4: Provide vlogs to motivate students for extracurricular activities.

FUTURE PROSPECTS

  • We will add video lectures.
  • Live classes would be there.
  • We provide all the material for different disciplines.
  • The test series will be there.
  • Gaming will be there for entertainment.

Requirements

Software Requirements (Minimum):

  • Windows 10
  • Visual Code Studio
  • Xampp

TECHNOLOGY USED

  • HTML
  • CSS
  • JAVASCRIPT
  • PHP
  • MYSQL
Posted on

Online Platform for adding Student Classroom Notes PHP Project

Introduction:-

This Student Classroom Notes web application has helped to take only important notes in a relevant way. No user needs to spend more time taking notes. It’s a very easy way to take notes. Any kind of user can upload their notes at whatever time they want. It takes very less time to open the ”Student Classroom Notes”. Due to the very easy design of these apps, school students can also use this app to take their notes inefficient manner.

Importance and need of Student Classroom Notes:-

As it is developed for user-friendly so any sort of user can add their notes from any educational platform. They needn’t need go through any other online-offline software. These iNotes apps help to take the key point of important notes. As we are in this technical world so hard copy notes are not portable. There is a lot of chance of losing notes so this app makes the free risk of losing notes. User can keep their notes for future reference without any risk.

The motto:-

The main motto of this project is to the user can add or upload notes easily and very quickly as other software.
User can modify their notes in a very easy manner compared to other software.
Notes repositories are available in the form of a table manner so it is easy to identify your notes without wasting your time.
Users can log in from any location and upload notes and can share too.

Requirement Gathering:-

“Student Classroom Notes” is developed for all kinds of users from higher levels to lower levels. Many students and people do not want to take their notes with themselves every time. To remove such sort of problems, this “Student Classroom Notes” App been developed.

Working Principles & Methodology:-

In this project “Student Classroom Notes” every user has a username and password to access these Apps and can keep their notes personally.
He/she can keep their notes with the Title name and description so that the user can easily recognize the notes he/she uploaded.
This is very easy to identify their notes repositories on the home screen itself.
The user can easily search their notes in the search bar and filter too.

Software requirements:-

  • Operating System- windows10
  • Visual studio code
  • PHP
  • Google Chrome
  • MySQL database
  • Xampp Control panel (for local server)

We will be using visual studio code basic as our front hand because it is easier to use and provides features to the users which are used for the development of the project.

Future Scope & Conclusion:-

This web application has almost all the features of CRUD and smart online/offline notes taking.
The project has altos benefits. Managing the project is quite easy as per storing the notes. It is easy to maintain notes and update them as required.
As we know that technology is increasing day by day so hard copy note-taking will be decreased, at that time it will helpful for those who will use this app.
Still, some additional features are not added to the apps. As we are seeking features, if it’s required we will add them as soon as possible.

Hope every user has a clear idea of using our “Student Classroom Notes” Apps.