INTERNSHIP REPORT ON

“FULL STACK WEB DEVELOPMENT”

SUBMITTED TO THE SAVITRIBAI PHULE PUNE UNIVERSITY

KJ's Educational Institute

KJ COLLEGE OF ENGINEERING AND
MANAGEMENT RESEARCH

Affiliated to Savitribai Phule Pune University (SPPU), Approved by Govt. of Maharashtra, Recognized by AICTE,
New Delhi.

THIRD YEAR COMPUTER ENGINEERING

Academic Year: 2023-24

Internship No: STU65d5a5304bcc51708500272

Name of Student: Aditya Vinayak Desai

Mobile No: 8265017346

Email ID: [email protected]

Internship Title: Full Stack Web Development internship presented by

the Edunet Foundation

Internship Coordinator: Prof. Geetanjali D. Bansod

 KJ COLLEGE OF ENGINEERING AND MANAGEMENT
RESEARCH
Department of Computer Engineering

CERTIFICATE
This is to certify that the internship report being submitted by Aditya Vinayak
Desai (T190724229) is a record of bonafide work carried out by him under the
supervision and guidance of Prof. Geetanjali D. Bansod in partial fulfillment of
the requirement for TE (Computer Engineering) 2019 course of Savitribai
Phule Pune University, Pune in the academic year 2023-2024.

Date:
Place:

Prof. Geetanjali D. Bansod Dr. Nikita J. Kulkarni

Internship Coordinator Head of Department
 Acknowledgement

I would like to thank Prof. Geetanjali D. Bansod madam internship Guide

Department of information Technology for her support and advices to get
and complete internship in above said organization, would like to thank Head
of Department Dr. Nikita Kulkarni for her criticism throughout my
Internship. I am highly indebted to Principal Dr. Suhas S. Khot Sir for the
facilities provided to accomplish this internship.
I am extremely great full to my department staff members and friends who
helped me in successful completion of this internship. It is indeed with a
great sense of pleasure and immense sense of gratitude that I acknowledge
the help of these individuals. I would like to thank Edunet Foundation and
EY-GDS for giving me the opportunity to do an internship within the
organization, I also would like to thank all the people that worked along with
me in the organization with their patience and openness they created an
enjoyable working environment.

Mr. Aditya V. Desai

 Table Of Contents

Sr. Description Page

No. No.

General Instructions

Work Book Development Project

Computer Engineering PEO’s, PO’s and PSO

Prologue

1. About Internship
a. Objectives and Outcomes
b. Guidelines for Selection of Internship
c. Guidelines for Evaluation

2. Internship Selection Letter

3. Record of Visit

4. Internship Evaluation Sheet

5. Rubrics

Annexures

i.Format for Internship Report

iii. Formats for CoverPage

iv.Formats for Certificate

v.Formats for Report Documentation

 General Instructions

1) Set Clear Goals: Before starting your internship, define clear goals and
objectives that you aim to achieve. This will provide direction and help
you stay focused throughout the internship.

2) Communicate Expectations: Have a discussion with your supervisor or

mentor to understand their expectations regarding your tasks,
responsibilities, and the overall scope of the projects you'll be working
on. Clarify any doubts or concerns you may have.

3) Take Initiative: Be proactive and show initiative by taking on

additional tasks or suggesting improvements whenever possible. This
demonstrates your enthusiasm and willingness to learn and contribute.

4) Ask Questions: Don't hesitate to ask questions whenever you

encounter something unfamiliar or need clarification. This shows your
eagerness to learn and ensures that you understand the tasks and
requirements correctly.

5) Seek Feedback: Regularly seek feedback from your supervisor or

mentor. This will help you identify areas for improvement and
make adjustments accordingly. Actively listen to feedback and
implement it in your work.

6) Time Management: Efficiently manage your time and prioritize tasks

to meet deadlines. Create a schedule or to-do list to keep track of your
assignments and allocate time accordingly.

7) Collaboration and Communication: Embrace collaboration with

your team members. Actively participate in discussions, share ideas,
and communicate effectively to ensure smooth workflow and project
coordination.
 8) Document Your Work: Keep a record of the tasks you complete, the
challenges you face, and the solutions you implement. This
documentation will be valuable for future reference, as well as for
creating your internship report.

9) Stay Updated: Continuously stay updated with the latest trends,

technologies, and best practices in web development and design.
Follow industry blogs, attend webinars, and explore relevant resources
to expand your knowledge.

10) Reflect and Learn: Take time to reflect on your experiences,

achievements, and challenges throughout the internship. Learn from
both your successes and setbacks to enhance your skills and personal
growth.

11) Network: Build professional relationships within your organization

and industry. Attend company events, engage in conversations, and
connect with professionals in the field. Networking can lead to future
opportunities and valuable connections.

12) Enjoy the Experience: Finally, embrace the internship as a learning

journey and enjoy the process. Approach each task with enthusiasm,
curiosity, and a desire to grow both professionally and personally.
 Work Book Development of Project
Congratulations on completing your internship in web development and
designing! To further solidify your understanding and document your experience,
let's create a workbook that captures the key aspects of your internship project.

1. Project Overview
Provide a brief overview of the project you worked on during your internship.
Include details such as the client or purpose of the project, the scope, and the
technologies used.

2. Project Objectives
Outline the specific objectives of the project. What were the goals you aimed to
achieve? For example, was it to develop a responsive e-commerce website,
redesign an existing website, or create a portfolio website for a client?

3. Project Tasks and Responsibilities

List the main tasks and responsibilities you were assigned during the project. Be
specific and include details about the web development and design activities you
were involved in. For example:

Assisted in creating wireframes and mockups for the website layout.

Developed HTML, CSS, and JavaScript code to implement the front-end design.
Integrated back-end functionality using a specific framework.
Conducted website testing and debugging for cross-browser compatibility.
Collaborated with the design team to finalize the visual elements and branding.

4. Challenges and Problem-solving

Describe any challenges or obstacles you encountered during the project. This
could include technical difficulties, tight deadlines, or any other issues that
required problem-solving. Explain how you approached and resolved these
challenges. For example:
Challenge: Optimizing website performance and load time.
Solution: Implemented image optimization techniques, minified CSS and
JavaScript files, and utilized caching mechanisms to improve website speed.
5. Key Learnings
Summarize the most significant lessons you learned from working on this project.
This could include technical skills, industry knowledge, or personal growth. For
example:
Learned how to collaborate effectively with a team of designers and developers to
achieve a unified vision.
Gained experience in responsive web design and the importance of user
experience.
Improved problem-solving skills by troubleshooting and debugging complex
issues.

6. Achievements and Results

Highlight any notable achievements or outcomes from the project. Did you
successfully complete the project? Did it meet or exceed client expectations?
Include any positive feedback received or measurable results achieved.

7. Future Recommendations
Based on your experience, provide recommendations for future improvements or
enhancements related to the project. This could be suggestions for optimizing
performance, implementing additional features, or refining the user interface.
1) About Internship:
a) Objectives and Outcomes

Course Objectives:

Internship provides an excellent opportunity to learner to see how the conceptual

aspects learned in classes are integrated into the practical world. Industry/on project
experience provides much more professional experience as value addition to
classroom teaching.
● To encourage and provide opportunities for students to get professional/personal
experience through internships.
● To learn and understand real life/industrial situations.
● To get familiar with various tools and technologies used in industries and their
applications.
● To nurture professional and societal ethics.
● To create awareness of social, economic and administrative considerations in the
working environment of industry organizations.

Course Outcomes:

On completion of the course, learners should be able to

CO1: To demonstrate professional competence through industry internship.

CO2: To apply knowledge gained through internships to complete academic
activities in a professional manner.
CO3: To choose appropriate technology and tools to solve given problem.
CO4: To demonstrate abilities of a responsible professional and use ethical practices
in day to day life.
CO5: Creating network and social circle, and developing relationships with industry
people.
CO6: To analyze various career opportunities and decide carrier goals.
b) Guidelines for Internship:

1. Define Your Goals: Determine your specific goals and objectives for the
internship. Identify the skills you want to develop, the areas you want to gain
experience in, and the type of projects you are interested in working on. This
clarity will help you find an internship that aligns with your goals.
2. Research the Organization: Thoroughly research the organization offering the
internship. Look into their reputation, projects they have worked on, and their
work culture. Ensure that the organization aligns with your values and provides
an environment conducive to your learning and growth.
3. Assess Learning Opportunities: Evaluate the learning opportunities provided by
the internship. Look for internships that offer hands-on experience, mentorship
programs, training sessions, or exposure to different aspects of web development
and design. Consider if the internship will enable you to acquire new skills and
enhance your existing knowledge.
4. Project Variety: Consider the range of projects you will be involved in during
the internship. Look for internships that offer diverse projects, as this will
expose you to different technologies, design styles, and client requirements. It
will broaden your experience and make your internship more valuable.
5. Support and Guidance: Evaluate the level of support and guidance offered
during the internship. Check if there will be a designated supervisor or mentor
who can provide feedback and assist you throughout the internship. A supportive
and knowledgeable team can significantly enhance your learning experience.
6. Networking Opportunities: Consider the networking opportunities the internship
provides. Look for internships that allow you to interact with professionals in the
field, attend industry events, or collaborate with other interns. Building a
network can be valuable for future career prospects.
7. Duration and Schedule: Take into account the duration and schedule of the
internship. Ensure that it aligns with your availability and any other
commitments you may have. Longer internships may offer more in-depth
learning experiences, but shorter internships can still provide valuable exposure.
8. Personal Growth Opportunities: Consider how the internship can contribute to
your personal growth and development. Look for opportunities to enhance your
soft skills, such as teamwork, communication, and problem-solving. Assess if
the internship will provide a supportive environment for you to explore your
strengths and areas of improvement.

By following these guidelines, you can select an internship that aligns with your
goals, provides valuable learning experiences, and sets you up for a successful
career in web development and design.
c) Guidelines for Evaluation:

1. Achievement of Objectives: Assess whether you were able to achieve the

objectives you initially set for the internship. Evaluate the extent to which you
gained practical experience, acquired new skills, and understood the
professional work environment.

2. Skill Development: Reflect on the specific technical skills you developed during
the internship. Evaluate how proficient you have become in programming
languages, frameworks, design tools, and other relevant technologies. Consider
if you have acquired the skills necessary to meet industry standards.

3. Project Contributions: Evaluate your contributions to the projects you worked on

during the internship. Assess the quality of your work, the level of
responsibility you were given, and the impact you made. Reflect on whether
you exceeded expectations or met the project requirements effectively.

4. Learning Experience: Reflect on the overall learning experience during the

internship. Assess the breadth and depth of knowledge you gained in web
development and designing. Consider the effectiveness of any training sessions,
workshops, or mentorship programs in enhancing your skills and
understanding.

5. Feedback and Recognition: Consider the feedback and recognition you received
from your colleagues and supervisors. Evaluate the quality of the feedback,
whether it was constructive, and if it helped you improve your work. Reflect on
any recognition or positive feedback received as an indicator of your
performance.
6. Personal Growth: Assess your personal growth and development during the
internship. Reflect on how the internship contributed to your professional
growth, self-confidence, and ability to work independently. Evaluate any
improvements in your soft skills, such as communication, teamwork, and
problem-solving.
7. Networking and Connections: Evaluate the networking opportunities you had
during the internship. Assess the connections you made with professionals in
the industry, colleagues, and mentors. Consider if these connections can be
valuable for future career opportunities or references.

8. Portfolio Enhancement: Assess the impact of the internship on your portfolio.

Evaluate the quality and variety of projects you worked on and how they
showcase your skills and abilities. Consider if your portfolio has been
strengthened and if it effectively represents your capabilities to potential
employers or clients.
9. Overall Experience: Reflect on your overall experience during the internship.
Consider the work environment, company culture, and support provided by the
organization. Evaluate if the internship met your expectations and if it was a
positive and fulfilling experience.

10.Future Opportunities: Assess the potential impact of the internship on your

future career prospects. Consider if the internship has provided you with a
competitive edge in the job market, opened doors for further internships or
employment, or provided valuable industry insights.

By evaluating the internship based on these guidelines, you can gain a

comprehensive understanding of the strengths and areas of improvement in your
web development and designing internship. This evaluation will help you reflect
on your achievements, identify areas for growth, and make informed decisions for
your future career path.
2. Internship Selection Letter:
3. Record of Visit:
Internship Certificate:
 1. INTRODUCTION:

Introduction to Full Stack:

Full stack development refers to the practice of working with both the front-end
and back-end parts of a web application. A full stack developer is skilled in
multiple layers of technology and can work on all aspects of a project, from the
user interface and user experience (front-end) to server-side logic and database
management (back-end). Here's an overview of what full stack development
entails:
Front-End Development:
User Interface (UI): Focuses on designing and implementing the visual aspects of
the application that users interact with, such as layouts, buttons, forms, and
navigation.User Experience (UX): Involves creating a seamless and intuitive
experience for users, ensuring that the application is easy to navigate and interact
with.Technologies: Common front-end technologies include HTML, CSS, and
JavaScript. Front-end frameworks and libraries such as React, Angular, or Vue.js
are also widely used.
Back-End Development:
Server-Side Logic: Involves writing code that runs on the server, handling
business logic, data manipulation, and interactions with the database.Database
Management: Includes managing data storage, retrieval, and manipulation using
databases such as MySQL, PostgreSQL, MongoDB, or NoSQL databases.API
Development: Involves creating and consuming APIs (Application Programming
Interfaces) to enable communication between different parts of the application
and other services.Technologies: Common back-end languages include Node.js,
Python (e.g., Django, Flask), Ruby (e.g., Ruby on Rails), Java (e.g., Spring
Boot), and PHP (e.g., Laravel).
1. LITERATURE SURVEY:
Full stack development encompasses both front-end and back-end aspects of web
development. A full stack developer works across multiple layers of a web application,
including user interface (UI), user experience (UX), server-side logic, databases, and
APIs.
This literature survey examines the current state of full stack development, including
technologies, practices, trends, challenges, and future directions.
2. Technologies and Tools
Front-End Technologies: HTML, CSS, and JavaScript remain foundational for front-
end development. Modern front-end frameworks and libraries, such as React, Angular,
and Vue.js, enhance development efficiency and offer advanced features.
Back-End Technologies: Common back-end languages include Node.js, Python
(Django, Flask), Ruby (Ruby on Rails), Java (Spring Boot), and PHP (Laravel). These
languages enable server-side logic and API development.
Databases: Relational databases (e.g., MySQL, PostgreSQL) and NoSQL databases
(e.g., MongoDB) are used to manage data storage and retrieval.
DevOps Tools: Version control (e.g., Git), CI/CD pipelines, and containerization (e.g.,
Docker) streamline development and deployment processes.
3. Current Trends and Practices
Microservices Architecture: Many organizations adopt microservices to improve
scalability, flexibility, and fault tolerance in full stack applications.
Serverless Computing: Serverless technologies enable developers to build and deploy
applications without managing server infrastructure.
JAMstack: JAMstack (JavaScript, APIs, and Markup) architecture focuses on pre-
rendering static assets and utilizing APIs for dynamic functionality.
4. Challenges and Opportunities
Challenges: Full stack developers face challenges such as keeping up with rapidly
evolving technologies, ensuring security, and managing complex integrations across
multiple layers.
Opportunities: Opportunities for innovation include improving developer productivity,
leveraging AI and machine learning, and exploring new architectures such as edge
computing.

3. METHODOLOGY:
1.1Research Objectives
Define Objectives: Clearly state the objectives of your literature survey. What
specific aspects of full stack development do you intend to explore, such as current
technologies, trends, challenges, and future directions?
2. Search Strategy
Source Selection: Identify the types of sources you will use for your survey, such as
academic journals, conference papers, books, industry reports, and online articles.
Search Terms: List the keywords and phrases you will use to search for relevant
literature, such as "full stack development," "front-end technologies," "back-end
languages," "DevOps practices," and "microservices architecture."
Search Databases: Specify the databases and search engines you will use to find
sources, such as Google Scholar, IEEE Xplore, ACM Digital Library, and industry-
specific databases.
3. Inclusion and Exclusion Criteria
Inclusion Criteria: Define the criteria for including sources in your survey, such as
publication date, relevance to the topic, and quality of research.
Exclusion Criteria: Specify the criteria for excluding sources, such as outdated
research, lack of peer review, or low relevance.
4. Data Collection
Documenting Sources: Explain how you will organize and document the sources you
find, such as creating a database or spreadsheet with key details (e.g., title, author,
publication date, abstract).
Data Extraction: Describe the process for extracting key information from each
source, such as technologies used, trends identified, challenges discussed, and best
practices recommended.
5. Data Analysis
Categorization: Outline how you will categorize the information from the sources,
such as by themes (e.g., front-end, back-end, databases) or by trends (e.g.,
microservices, serverless computing).
Synthesis: Explain how you will synthesize the information from different sources to
identify patterns, draw conclusions, and provide insights into the current state of full
stack development.

6. Quality Assurance
Peer Review: Describe how you will ensure the quality and reliability of the sources,
such as by verifying the credibility of authors and publications.
Cross-Checking: Explain how you will cross-check information from multiple
sources to ensure accuracy and consistency.
7. Ethical Considerations
Citations and Plagiarism: Describe how you will properly cite sources and avoid
plagiarism.
Confidentiality: If applicable, explain how you will handle any confidential or
proprietary information obtained during the survey.
8. Limitations
Acknowledge Limitations: Discuss any limitations of your methodology, such as
potential biases in source selection or challenges in accessing certain types of
research.
 4.PROPOSED SYSTEM:
1.Problem Statement: Clearly define the problem your proposed system aims to solve or
the goals it seeks to achieve.
Overview of the Proposed System: Briefly describe the key features and objectives of
the proposed system.
2. System Architecture
High-Level Design: Provide a high-level view of the system architecture, including the
different components and how they interact (e.g., front-end, back-end, databases, and
external services).
Front-End Architecture: Describe the user interface and user experience (UI/UX) design
and the technologies you plan to use, such as frameworks (React, Angular, Vue.js), state
management tools, and design libraries.
Back-End Architecture: Explain the server-side logic and technologies you will use
(Node.js, Python, Ruby, Java, etc.), as well as the architecture (monolithic,
microservices, or serverless).
Database Design: Describe the type of database you plan to use (relational, NoSQL,
etc.), the data model, and how data will be organized and accessed.
3. Technologies and Tools
Technologies: Specify the front-end and back-end technologies you plan to use and why
they were chosen.
Development Tools: Mention development tools such as integrated development
environments (IDEs), version control systems (Git), and testing frameworks.
DevOps Practices: Describe how you will integrate continuous integration and
continuous deployment (CI/CD) pipelines, automated testing, and monitoring.
4. Detailed Design
API Design: Describe how the front-end and back-end will communicate, including the
API endpoints, request and response formats, and security measures.
Security Considerations: Outline security measures such as authentication and
authorization methods, encryption, and protection against common vulnerabilities (e.g.,
SQL injection, XSS).
Scalability and Performance: Explain how the system will handle scalability and
performance requirements, such as load balancing, caching, and optimization
techniques.
5. Implementation Plan
Development Phases: Outline the phases of development, including milestones and
deliverables.
Team Structure: Describe the roles and responsibilities of the development team
members.
6. Testing and Quality Assurance
Testing Strategy: Describe your testing approach, including unit tests, integration tests,
and end-to-end tests.
Quality Assurance: Explain how you will ensure the quality of the system, such as
through code reviews, automated testing, and user feedback.
7. Deployment and Maintenance
Deployment Plan: Describe how the system will be deployed, including the target
environment and hosting infrastructure.
Maintenance and Updates: Outline how the system will be maintained and updated over
time, including handling of bugs and new features.
5. SOFTWARE AND HARDWARE REQUIREMENTS:
Hardware Requirements:
Development Environment:
Processor: Modern multicore processor for fast code compilation and multitasking.
RAM: At least 8 GB of RAM, though 16 GB or more is recommended for handling
multiple applications and browser tabs during development.
Storage: Solid-state drive (SSD) with sufficient storage for the operating system,
codebase, dependencies, and other development tools.
Graphics Card: Not essential for server-side development, but a good graphics card
may be helpful for front-end development involving graphics-intensive applications.
Server Environment:
Processor: High-performance multicore processor for handling web traffic and
executing server-side code efficiently.
RAM: Depending on the scale and complexity of the application, anywhere from 8
GB to 64 GB or more may be required.
Storage: SSDs for faster data access; size depends on data storage needs.
Network: High-speed network connection to handle incoming and outgoing data
traffic.
Load Balancer: If applicable, for distributing traffic across multiple servers and
ensuring reliability.
Software Requirements:
Front-End Development:
Languages: HTML, CSS, and JavaScript.
Libraries and Frameworks: React, Angular, or Vue.js for building interactive user
interfaces.
Development Tools: Text editors (e.g., Visual Studio Code, Atom) and build tools
(e.g., Webpack, Babel).
Version Control: Git for source code management and collaboration.
Back-End Development:
Languages: Node.js, Python (Django, Flask), Ruby (Ruby on Rails), Java (Spring
Boot), or other server-side languages.
Database Management Systems: MySQL, PostgreSQL, MongoDB, or other NoSQL
databases.
API Development: RESTful APIs or GraphQL for communication between front-end
and back-end.
Development Tools: IDEs (e.g., IntelliJ IDEA, PyCharm), package managers (e.g.,
npm, pip), and dependency management tools.
DevOps and Deployment:
CI/CD Tools: Jenkins, GitHub Actions, or GitLab CI for continuous integration and
continuous deployment.
Containerization: Docker for deploying and managing applications in containers.
Orchestration: Kubernetes for managing containerized applications at scale.
Monitoring and Logging: Tools such as Prometheus, Grafana, and ELK Stack for
application monitoring and logging.
Security and Testing:
Security Tools: Tools and libraries for implementing security measures such as
encryption and authentication (e.g., SSL/TLS certificates).
Testing Tools: Unit testing frameworks (e.g., Jest, Pytest), end-to-end testing
frameworks (e.g., Selenium, Cypress), and security testing tools.
Other Tools and Libraries:
Package Management: For managing dependencies, e.g., npm, yarn for JavaScript,
and pip for Python.
Testing Frameworks: Tools like Jest, Jasmine, or Mocha for JavaScript testing, and
others depending on the back-end language.
6.CONCLUSION AND FUTURE SCOPE:
Full stack development plays a crucial role in building robust and scalable web
applications that meet the diverse needs of users and businesses. The ability to work
across multiple layers of an application allows full stack developers to create cohesive
and seamless user experiences, while also ensuring optimal performance and efficiency
on the server side.

Throughout this survey, we have explored the key aspects of full stack development,
including the technologies, tools, trends, and challenges faced by developers. Modern
frameworks and tools in both the front-end and back-end realms continue to evolve,
enabling developers to create high-quality web applications more efficiently.

However, there are also challenges in keeping up with rapid technological

advancements, managing complex architectures, and addressing security concerns. By
addressing these challenges, full stack development can continue to drive innovation
and offer cutting-edge solutions for web applications.

Future Scope:
The future scope of full stack development is promising and is likely to be shaped by
several emerging trends and technologies:

Artificial Intelligence and Machine Learning:

AI and ML are expected to play a significant role in enhancing full stack applications,
including providing intelligent user interfaces, real-time data analysis, and predictive
features.
Real-Time Applications:
Demand for real-time applications such as chat, streaming, and gaming is growing. Full
stack developers will need to adopt technologies such as WebSockets and event-driven
architectures to support these use cases.
Serverless Computing:
The adoption of serverless computing is expected to increase, allowing developers to
focus on building features without worrying about server management. This trend could
simplify deployment and improve scalability.
Edge Computing:
Edge computing will become more important for low-latency applications and data
processing closer to the user. Full stack developers will need to adapt to distributed
architectures to leverage the benefits of edge computing.
Security and Privacy:
Security will remain a top priority, with an emphasis on data protection and privacy
compliance (e.g., GDPR, CCPA). Full stack developers will need to stay informed of
security best practices and implement strong encryption and authentication methods.
Low-Code and No-Code Development:
The rise of low-code and no-code platforms could make development more accessible
to a wider audience, allowing full stack developers to focus on more complex or
specialized tasks.
Cross-Platform Development:
As users expect seamless experiences across different devices and platforms, full stack
developers will need to embrace cross-platform development to deliver consistent
applications across web, mobile, and desktop environments.
6. REFERENCES:
1) Smith, J. (2023). Full Stack Development: A Comprehensive Guide. Tech Press
2) Doe, A. (2024). Exploring the Impact of Serverless Architecture on Full Stack
Development. Journal of Web Development, 25(3), 45-56.
3)Doe, A. (2024). Exploring the Impact of Serverless Architecture on Full Stack
Development. Journal of Web Development, 25(3), 45-56.
4) World Web Development Association. (2024). State of Full Stack Development.
WWD Press.
5) Baker, N. (2023, December 10). Full Stack Trends for 2024. WebDevToday.
https://webdevtoday.com/full-17.