Scribd Logo
Upload

Welcome to Scribd!

  • 71 views

    Prateek DON Internship Report

    Uploaded by

    manas02jais

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Prateek DON Internship Report

    Uploaded by

    manas02jais
    71 views15 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    71 views15 pages

    Prateek DON Internship Report

    Uploaded by

    manas02jais

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 15

    Internship Report

    InternPe

    IV Year B. Tech VII- Semester

    INFORMATION TECHNOLOGY

    Prepared By: Prateek Jaiswal


    Roll no: 2000540130038
    Submitted To: Ms. Nida Hasib

    Babu Banarasi Das Institute of Technology,


    Management, Lucknow
    (Recognized by AICTE, Govt. of India, Affiliated to AKTU, Lucknow)

    (AKTU College Code – 054)

    1
    Acknowledgment
    I extend my heartfelt gratitude to my internship supervisor,
    Ms. Nida Hasib, for their unwavering support and guidance.
    Their mentorship greatly contributed to my professional
    growth and enriched my learning experience. I would also like
    to thank the entire InternPe team for the opportunity to be part
    of their dynamic workplace. The collaborative and innovative
    environment fostered at InternPe has significantly shaped my
    understanding of Web Development.
    I appreciate my colleagues for their welcoming spirit and
    willingness to share their knowledge. Their collaborative
    efforts made my internship truly enriching. Special thanks to
    BBDITM Lucknow for facilitating and supporting this
    internship.
    To my family and friends, thank you for your unwavering
    support and encouragement. Your backing provided the
    motivation and resilience needed to overcome challenges.
    In conclusion, I am grateful to everyone who contributed to my
    internship experience. This opportunity has been invaluable,
    and I look forward to applying the skills gained in my future
    endeavours.

    Prateek Jaiswal
    2000540130038
    BBDITM

    2
    Table of Content

    S.no Title Page-No


    1 Certificate copy 4
    2 About the organization 5
    3 Type of Internship 6
    4 About Internship 8-10
    6 Project 11-13

    3
    Certificate Copy

    4
    About the organization
    InternPe presents you a wide platform to shape and design your
    skills. The provision of professional assistance and guidance
    will set the path and resolve personal and psychological
    problems, and that is what the leading aim of InternPe: to clear
    the vision of your goals! Through our experts we will be
    clearing the vision of your path and we also offer you created
    path as per your passionate skills.

    Goal
    The reliable platform where you get content to add creative
    drops to your skills. All what we target is to modify the skills
    through our experts. Our focus is to visualize and scrutinize the
    need learning of our students, we have experienced experts
    from various learning fields.

    Trainings they offered


    Development, Internship, Web Development, Artificial
    Intelligence Courses, Graphic Design, UI/UX Development,
    C++ Course, Full Stack Internship, and Web development
    course, Creative Design.

    5
    Type Of Internship
    1. Paid Internship:
    • Definition: A paid internship compensates interns
    financially for their contributions. Compensation may be
    provided through hourly wages, monthly stipends, or other
    agreed-upon payment methods.

    2. Unpaid Internship:
    • Definition: An unpaid internship does not provide
    financial compensation to interns. Instead, the focus is on
    gaining valuable experience and skills.

    3. Chargeable Internship:
    • Definition: In a chargeable internship, interns are required
    to pay a fee to participate. This fee may cover training,
    materials, or associated costs.

    4. Non-Chargeable Internship:
    • Definition: A non-chargeable internship does not require
    interns to pay any fees. It is free of cost for participants.

    6
    5. Stipend Internship:
    • Definition: In a stipend internship, interns receive a fixed
    amount of money regularly as compensation for their work.
    Stipends can be provided weekly, bi-weekly, or monthly.

    6. Non-Stipend Internship:
    • Definition: A non-stipend internship does not provide a
    fixed monetary compensation. Interns participate with a focus
    on gaining experience, skills, and exposure.

    7
    About Internship
    Technology Learned
    Throughout the course of my internship, I delved into a rich
    tapestry of web technologies, leveraging HTML, CSS,
    JavaScript, Bootstrap, and Firebase to craft a dynamic and
    responsive web application. Let's explore the practical
    application of each technology within the context of the project.

    HTML (Hyper Text Markup Language)


    HTML served as the cornerstone for structuring the project's
    content. I meticulously employed HTML tags to define the
    hierarchy and layout of web pages. Headings, paragraphs, lists,
    and multimedia elements were strategically implemented,
    creating a coherent and organized structure. HTML's semantic
    markup laid the foundation for subsequent styling and
    scripting, providing a robust structure for the entire application.

    CSS (Cascading Style Sheets)


    Working hand-in-hand with HTML, CSS was instrumental in
    transforming the project's structure into an aesthetically
    pleasing and user-friendly interface. I applied CSS styling to
    enhance the visual appeal of the application. This encompassed
    defining color schemes, typography, spacing, and layout.
    Responsive design techniques were woven into the CSS code
    to ensure a seamless user experience across a variety of devices,
    from desktops to smartphones.

    8
    JavaScript

    JavaScript injected interactivity and dynamism into the


    project, elevating it beyond static content. I harnessed
    JavaScript to implement client-side scripting for real-time
    updates and interactive features. Form validations, dynamic
    content creation, and event handling were seamlessly
    integrated, enhancing the overall user experience. JavaScript's
    ability to manipulate the Document Object Model (DOM)
    facilitated dynamic changes to the web pages, creating a more
    engaging and user-centric application.
    Bootstrap
    To ensure a consistent and responsive design, I incorporated
    Bootstrap—a front-end framework renowned for its ease of use
    and mobile-friendly components. By leveraging Bootstrap's
    pre-designed elements and grid system, I streamlined the
    design process. This not only saved development time but also
    ensured a cohesive and visually appealing layout. Bootstrap's
    responsive utilities were particularly beneficial in adapting the
    project's interface to different screen sizes, offering a seamless
    experience across a diverse range of devices.
    Firebase

    Firebase played a pivotal role in realizing real-time data


    updates and secure user authentication within the project. I
    integrated Firebase's real-time database to facilitate dynamic
    content changes across users. This ensured that updates made
    by one user were instantly reflected for others. Additionally,
    Firebase's authentication services were implemented to secure
    user access. The platform's authentication capabilities allowed
    for a seamless and user-friendly login experience, enhancing
    the overall security and functionality of the application.
    9
    Project Exploration

    The internship provided an opportunity for in-depth


    exploration, allowing me to experiment with advanced features
    and concepts within the project. I implemented real-time data
    updates using Firebase, enabling a synchronized and
    collaborative environment. User authentication mechanisms
    were fine-tuned to ensure secure access to the application. This
    exploration went beyond the confines of theoretical
    understanding, providing practical insights into the
    implementation of cutting-edge features.

    10
    Project
    CARA (Responsive E-commerce Website)

    Introduction:
    Embarking on a journey within the dynamic realm of web
    development during my internship has been an enriching
    experience, marked by hands-on learning and practical insights
    into the creation of a fully functional and responsive e-
    commerce website. Over the course of this internship, I had the
    privilege of contributing to a project that not only honed my
    technical skills but also allowed me to witness the intricate
    interplay of various technologies in crafting a user-centric
    online shopping experience.

    Features:
    • Responsive Web Design: Adapting website seamlessly to
    diverse devices is a must for modern web developers.
    • Modern CSS Techniques: Harnessing CSS advancements
    like flexbox and CSS Grid for dynamic, user-friendly
    layouts.
    • Stunning Designs and Effects: Leveraging CSS for
    visually captivating website transformations.

    Tech Stack: HTML, CSS, JavaScript, Bootstrap, JavaScript.

    11
    Code Screenshots:

    12
    Running on localhost
    http://127.0.0.1:5500/ecommerce.html/ecom.html

    Home Page:

    13
    Product Page:

    Product Page:

    14
    Product Section Page:

    Login and Footer:

    15

    You might also like