Internship Report (R)
Internship Report (R)
Internship Report (R)
A Internship Report
On
“E-commerce Website”
Submitted in Partial Fulfilment of the Requirement for
BACHELOR OF ENGINEERING
In
COMPUTER SCIENCE & ENGINEERING
Submitted by,
Pramod M. Savant USN: 2KD20CS057
Examiner:
ACKNOWLEDGEMENT
We place on record and warmly acknowledge the encouragement, invaluable
supervision, timely suggestions and inspired guidance offered by our guide Dr.
Bahubali M. Akiwate, Department of Computer Science and Engineering, K.L.E
College of Engineering and Technology, Chikodi, in bringing this project to a successful
completion.
Finally, we extend our thanks to the teaching and non-teaching staff of our
department for their help.
Student name
Pramod M Savant (2KD20CS057)
DECLARARTION BY THE STUDENT
Content Page No
Acknowledgement i
Abstract ii
5. Snapshots 16-19
6. Internship Outcomes 20
Conclusion 21
References 22
E-commerce Website
CHAPTER – 1
DLithe Consultancy Services Pvt Ltd, an EdTech pioneer, has been revolutionizing the IT
landscape since its inception in 2018. With a wealth of corporate experience at its helm, DLithe is
dedicated to crafting innovative products that shape the future generation. Specializing in Embedded
Systems, Robotics, Internet of Things, Cyber Security, and Artificial Intelligence, we bridge the gap
between academic institutions and industry demands.
Mission
At DLithe Consultancy Services Pvt Ltd, our mission is to empower the next generation of IT
professionals by providing them with unparalleled learning experiences and industry-aligned skill
sets. We strive to bridge the gap between academic learning and real-world applications, fostering
innovation and excellence in the fields of technology. Through our internship programs, we aim to
cultivate a talent pool of agile and adept individuals who are equipped to tackle the challenges of the
digital era.
Vision
Our vision at DLithe Consultancy Services Pvt Ltd is to emerge as a global leader in EdTech,
renowned for our commitment to excellence, innovation, and transformative learning experiences.
We envision a future where every individual has access to quality education and practical training that
prepares them for success in the dynamic IT landscape.
Address: No. 280, SLV Arcade, Dr Vishnuvardhan Rd, Phase 3, Banashankari, Bengaluru,
Karnataka 560085, India. Ph. No: +91 9008815252
Email: [email protected]
Website: www.dlithe.com
Commitment
At DLithe Consultancy Services Pvt Ltd, we are dedicated to revolutionizing the IT landscape by
embracing new business paradigms that fuse IT innovations with organizational assets. Our team is
committed to delivering unparalleled IT services characterized by three core pillars: Quality and
Technology, Innovation, Support
Quality
We pledge to uphold the highest standards of quality in every aspect of our services. By harnessing
cutting-edge technologies and best practices, we ensure that our solutions exceed industry
benchmarks and deliver exceptional value to our clients.
Web Solutions
Networking Solutions
Software Solutions
DLithe Consultancy Services Pvt Ltd specializes in providing comprehensive software solutions
tailored to meet the unique needs of its clients. Leveraging a combination of cutting-edge technology
and mature development processes, DLithe has a proven track record of delivering customized
products and Management Information Systems (MIS) applications that exceed client expectations.
Company Offers:
Application Development
Interactive Application Development
Website Development
Web Multimedia
Intranet Development
Web Promotion
Web hosting
E-commerce
Website Development
DLithe's team of skilled professionals specializes in creating visually stunning and user-friendly
websites that captivate audiences and drive conversions. From responsive design to e-commerce
solutions, DLithe delivers customized web solutions to meet diverse business needs.
Web Multimedia
Add video on your web site or have a complete flash website and see your popularity ranking
high. Web Promotion Zeel Code Labs can promote your site to acquire more traffic, more enquiries,
more leads, and more value. Web Promotion is a three-phase process and we are your companion to
see you through all the phases and that too very well. It gets your site listed at the most popular
Internet directories because they can send you substantial amounts of traffic and affect, you’re
ranking in various search engines. Email marketing is a great way to promote your electronic Shop
to buyers-including those who are interested in your shop but have not purchased items from you in
the past.
E-commerce
DLithe specializes in designing and developing custom e-commerce websites that deliver
exceptional user experiences and drive conversions. Whether clients are looking to build a brand-
new online store or enhance their existing e-commerce platform, DLithe's team of skilled developers
leverages the latest technologies and best practices to create feature-rich, scalable, and secure e-
commerce solutions.
Outsourcing
DLithe Consultancy Services Pvt Ltd, they not only provide industry-specific solutions but also
deputes personnel toorganizations with technical skills to manage back-office transaction processing.
Viewing it fromclients’ perspective this cuts off cost on acquiring and maintaining technical staff
and enables them focus on their core competencies. The key element of services delivery is an
integrated approach towards providing increasing value over the entire course of client relationships.
JavaScript, ReactJS
Python (Django)
HTML5, CSS3
AWS
1.4 Clients
SK SVMA institute
CHAPTER – 2
Receive instructions and guidance from mentor regarding required tasks and
expectedresults.
Reports on progress on daily basis or as required.
CHAPTER – 3
INTERNSHIP ACTIVITIES
3.1 Introduction to JavaScript
JavaScript is a versatile and widely-used programming language known for its flexibility,
compatibility, and capability to create dynamic and interactive web pages.
Created by Brendan Eich in 1995, JavaScript has become an essential part of web development,
enabling developers to add interactivity, animations, and complex functionalities to websites.
It is used for
1. Web development
2. Data Science and Machine learning
3. Scientific Computing
4. Automation and Scripting
5. Desktop GUI Applications
6. Game Development
7. Web Scraping and Data Extraction
8. Internet of Things (IoT)
It’s Features
execution of other tasks, which is essential for building responsive and interactive web
applications.
Node.js and Express.js provide a built-in development server for testing and developing
web applications locally.
The development server is easy to start with a simple command from the terminal or
command prompt.
To start the Node.js and Express.js development server, you typically run the following
command in your project directory: ‘npm start’.
The development server automatically restarts your application whenever you make
changes to your JavaScript code, making the development process more efficient and
productive.
Databases are organized collections of structured data that enable efficient storage,
retrieval, and manipulation of information.
They serve as a central repository for storing and managing data in a structured format,
facilitating data integrity, security, and scalability for applications.
Databases can range from traditional relational databases like MySQL and PostgreSQL
to NoSQL databases like MongoDB and Redis, each offering different features and
trade-offs to suit specific use cases.
3.2.3 Routes
Routes are used in Express.js to define the endpoints (URLs) at which different parts
of your application can be accessed.
Routes are defined using HTTP methods (GET, POST, PUT, DELETE) and URL
patterns, allowing developers to map URLs to specific functions or controllers that
handle the requests.
3.2.4 Controllers
Controllers are JavaScript functions or classes that handle the logic for processing
incoming HTTP requests and generating HTTP responses in an Express.js application.
Controllers encapsulate the business logic of your application, handling tasks such as
data validation, authentication, authorization, and database operations.
Controllers are typically associated with specific routes or URL endpoints and are
triggered when a client sends an HTTP request to that endpoint.
3.2.5 Models
Models are JavaScript classes that represent data structures or entities within an
Express.js application, typically corresponding to tables in a relational database.
Models define the structure and behaviour of your application's data, including data
validation, CRUD (Create, Read, Update, Delete) operations, and relationships between
different data entities.
Models are often defined using an ORM (Object-Relational Mapping) library like
Sequelize, which provides a high-level abstraction for interacting with the database.
RESTful APIs: Node.js and Express.js are commonly used to build RESTful APIs
(Representational State Transfer) that follow the principles of REST architecture.
Authentication and Authorization: Node.js and Express.js provide middleware and
libraries for implementing authentication and authorization mechanisms in web
applications, such as Passport.js for authentication and JSON Web Tokens (JWT) for
authorization.
Error Handling: Node.js and Express.js provide built-in and custom error handling
mechanisms for handling errors and exceptions in web applications, ensuring
robustness and reliability.
Testing and Debugging: Node.js and Express.js support various testing and debugging
tools and frameworks, such as Mocha, Chai, and Jest, for testing and debugging web
applications.
Deployment: Node.js and Express.js applications can be deployed to various hosting
platforms, such as Heroku, AWS (Amazon Web Services), and Digital Ocean, using
tools like PM2, Forever, and Docker for process management and containerization.
HTML5 introduces several new features and improvements over its predecessors,
providing developers with more flexibility and capability in creating modern web applications.
Some of the key features of HTML5 include:
CSS3, on the other hand, builds upon the capabilities of CSS2 with new features and
enhancements that enable more sophisticated and visually appealing web designs. Some of the
key features of CSS3 include:
CHAPTER – 4
PROJECT INFORMATION
During the development of this E-commerce Website, the following objectives are soughed,
1. React.Js library
In React.js projects, NoSQL databases like MongoDB are commonly used to store and
manage application data efficiently.
These databases integrate seamlessly with React.js through libraries like Mongoose,
enabling developers to define database schemas as JavaScript objects and perform
CRUD operations with ease.
Leveraging MongoDB in React.js projects ensure flexible data storage, dynamic
schema design, and scalable application growth, enhancing the overall functionality and
performance of the website.
Purpose: In this project, React.js serves as the primary frontend framework for building
dynamic and interactive user interfaces. Its component-based architecture and efficient
rendering mechanisms allow for the creation of scalable and high-performance web
applications, providing an optimal user experience.
2. Node.js
Node.js enables developers to use JavaScript for both frontend and backend
development, providing a unified language and ecosystem for building full-stack web
applications.
Purpose: In this project, Node.js serves as the backend runtime environment, providing a
scalable and efficient platform for building network applications. Its event-driven, non-
blocking I/O model makes it particularly suitable for real-time applications, such as chat
applications, streaming services, and multiplayer games. Node.js enables developers to use
JavaScript for both frontend and backend development, streamlining the development process
and allowing for seamless communication between the client and server sides of the
application.
3. Express.js
Express.js is a minimal and flexible Node.js web application framework that provides
a robust set of features to develop web and mobile applications.
It simplifies the process of building web servers and APIs by providing a simple, yet
powerful, set of features for routing, middleware, and HTTP utilities.
Express.js is highly extensible, allowing developers to integrate additional features and
libraries as needed, making it ideal for building both small-scale and large-scale web
applications.
Purpose: In this project, Express.js serves as the backend framework for building web and
mobile applications. Its minimalistic and flexible nature makes it easy to build efficient and
scalable web servers and APIs. With its robust set of features for routing, middleware, and
HTTP utilities, Express.js simplifies the development process, allowing developers to focus on
building features rather than dealing with low-level HTTP operations. Express.js is highly
extensible, allowing developers to integrate additional features and libraries as needed, making
it ideal for building both small-scale and large-scale web applications.
4. HTML/CSS/JavaScript
HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), and JavaScript
are the core technologies used for building web pages and web applications.
HTML provides the structure of the web page, CSS styles the appearance, and
JavaScript adds interactivity and dynamic behaviour.
Purpose: In this project, for an E-commerce website, HTML serves as the foundation,
structuring the user interface elements like forms and buttons necessary for E-commerce
applications. CSS is then applied to enhance the aesthetics, ensuring a visually engaging
presentation for users navigating through product options and details. JavaScript complements
the experience by providing interactive features, such as real-time premium calculations,
dynamic product comparisons, and form validation.
5. Database
In Express.js and Node.js projects, NoSQL databases like MongoDB are commonly
used to store and manage application data efficiently.
These databases integrate seamlessly with Express.js and Node.js through libraries like
Mongoose, enabling developers to define database schemas as JavaScript objects and
perform CRUD operations with ease.
Leveraging MongoDB in Express.js and Node.js projects ensure flexible data storage,
dynamic schema design, and scalable application growth, enhancing the overall
functionality and performance of the website.
Purpose: In this project, MongoDB in Express.js and Node.js serves the purpose of efficiently
storing and managing application data, ensuring flexible and scalable data storage. It enables
seamless integration with Express.js and Node.js through libraries like Mongoose, simplifying
database interactions and enhancing application functionality. Leveraging MongoDB
facilitates effective data querying, manipulation, and retrieval, supporting the dynamic needs
of web applications and ensuring optimal performance.
Features
1. Product Catalogue Page: The front-end will showcase all available products in a list format
on the home page. Each product will include details such as Product Name, Description, Price,
and an Add to Cart button. Users can browse through different products and view their details.
2User Login and Registration Pages: The front-end will provide separate pages for user login
and registration. The registration page will allow new users to enter their details like name,
email address, and password, with validation to ensure accuracy. Existing users can log in using
their registered email address and password.
3. Admin Dashboard: The front-end will include an admin dashboard where authorized users
can view user details, manage products, and track orders. Admins will have access to features
like viewing user profiles, managing product listings, and tracking orders.
4.Add to Cart Functionality: Users can add products to their cart directly from the product
catalogue page. A dynamic cart icon will display the current number of items in the user's cart.
Users can review their cart contents and proceed to checkout.
5. PayPal Integration: The front-end will integrate PayPal payment gateway to facilitate
secure online payments. Users will have the option to choose PayPal as a payment method
during checkout. After completing the transaction, users will receive a confirmation message.
6. User Profile Management: Authenticated users will have access to a profile management
page where they can update their personal information, such as contact details, shipping
address, and payment preferences. Users can also view their order history and track the status
of their orders.
CHAPTER 5
SNAPSHOTS
CHAPTER 6
INTERNSHIP OUTCOMES
After completing the internship, I was able to learn the process of development
through variouscycles and also with the latest technologies involved in the industry.
I was able to understand the proper flow of code and professional code ethics to be
followed bythe developer in order for the code to be globally accepted.
I was able to understand the implementation procedures for the web development.
I got to know about the time management and project management. And also got to
know what skill and knowledge I still need to work in a professional environment.
CONCLUSION
I've learned about the numerous technologies needed for theme, product, and layout
design. My primary focus had been on front-end design as well as back-end end development,
resulting in Full Stack Web Development. I have learned a substantial amount of information
because of this internship, which I believe will be beneficial to my future career. Making this
product was challenging at times, but overcoming those challenges provided extremely useful
knowledge. The crew had always assisted me in sharpening my expertise and learning new
abilities. I've gained a wealth of new experiences during my internship. I had the opportunity
to experiment with various development tools, conduct research on them, and put them to use.
Overall, during my internship term, all of my theoretical knowledge from college was put into
practice.
REFERENCES
[1] Valerio De Sanctis, Full Stack Web Development Third Edition,2020 book
[2] Chris Northwood, Full Stack Developer: Your Essential Guide to the Everyday Skills
Expected of a Modern Full Stack Developer
[3] Frank Zambetti, Modern Full Stack Development: Using Typescript, React, Node.js,
Webpack, and Docker Full.