Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 20 views

    Internship - PPT (Front End)

    Uploaded by

    deepthiiyenger1197

    Copyright:

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

    Internship - PPT (Front End)

    Uploaded by

    deepthiiyenger1197
    20 views13 pages

    Original Title

    Internship_ppt (front end)

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    20 views13 pages

    Internship - PPT (Front End)

    Uploaded by

    deepthiiyenger1197

    Copyright:

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

    GLOBAL ACADEMY OF TECHNOLOGY

    Ideal Homes Township, Rajarajeshwari Nagar,


    Bengaluru – 560098

    Presentation
    on
    INTERNSHIP PROGRAM
    Varcons Technology (VCT).

    Presented By: Guided By:


    Deepthi M 1GA20IS040 Prof. Vijay Kumar S
    INDEX
    About organization
    Domain
    Problem statement
    Work carried out & Result
    Knowledge gained
    Conclusion
    ABOUT ORGANIZATION
    Varcons Technologies (VCT) is a dynamic technology company known for its
    innovative solutions tailored to businesses of all sizes. Established by a group of
    visionary individuals who initially sketched their ideas on paper, VCT has evolved into a
    leading provider of cutting-edge technologies and services. With a focus on scalability
    and versatility, VCT offers a range of solutions, including SaaS products, corporate
    seminars, industrial training, and more.
    At VCT, smart solutions are at the heart of everything they do, aiming to leverage
    technology for a brighter future globally. Embracing the advantages of Software as a
    Service (SaaS) over traditional software models, VCT integrates key SaaS features into
    their offerings, ensuring efficiency and adaptability. They specialize in developing
    websites that function with the sophistication of software, as well as crafting APIs and
    tools designed to streamline processes and automate tasks across various devices.
    At VCT, their specialty lies in analyzing user interactions and perceptions of their
    products and services to enhance market decisions. With a diverse range of services,
    they ensure that clients' technology requirements are not only met but surpassed. VCT
    collaborates closely with customers and users to gain insights into how they utilize their
    products and services, enabling them to tailor offerings effectively. By understanding
    user behaviors and preferences, VCT continuously strives to improve and innovate,
    delivering solutions that align seamlessly with the needs and expectations of their
    clientele.
    Full Stack Web Development
     Introduction to full stack development
     Full stack web development encompasses the complete process of creating web
    applications, involving both the front-end and back-end aspects. A full stack web
    developer is skilled in managing both client-side and server-side technologies,
    enabling them to craft comprehensive and dynamic web solutions.
     On the front-end, developers focus on designing and implementing the visual and
    interactive elements of a website or web application. This involves using
    technologies like HTML, CSS, and JavaScript to create user interfaces that are
    intuitive, responsive, and visually appealing.
     Meanwhile, on the back-end, developers work with server-side technologies to
    handle data storage, processing, and management. They use programming
    languages such as Python, Ruby, JavaScript (with Node.js), or PHP, along with
    frameworks like Django, Ruby on Rails, Express.js, or Laravel. These tools allow
    them to build the logic and functionality that power the application, including user
    authentication, data retrieval, and server-side processing.
     Importance of full stack development
     Full stack development offers comprehensive solutions for web development projects.
     Full stack development streamlines the development process by reducing
    dependencies on multiple team members or external resources. This efficiency leads
    to cost savings for businesses, as they can accomplish more with fewer resources.
     Technologies used.
    •MongoDB: A robust and scalable NoSQL database used for storing customer
    information, service records, and other relevant data.
    •Express.js: A fast and minimalist web framework for Node.js that handles
    server-side logic and API requests.
    •React.js: A popular JavaScript library for building interactive user interfaces.
    used React to create a user-friendly and responsive frontend experience.
    •Node.js: A powerful runtime environment for executing server-side JavaScript
    code. Node.js is used to handle backend operations and serve the React frontend
    to users.
    •Html:HTML is used to structure the content of web pages
    •CSS:CSS is used to style the presentation of HTML elements
    •JavaScript: The primary programming language for both front-end and back-
    end development

     Challenges and Considerations


    • Performance optimisation
    • Security concerns
    • Complexity
    Problem statement
     Design and develop a website for a motors company
    featuring functionality to book services, arrange service
    collection, and request callbacks for streamlined customer
    interaction.
    WORK CARRIED OUT
     FRONTEND DEVELOPMENT:
    • Create React components for the booking system, service collection request
    form, and callback facility.
    • Design intuitive user interfaces that allow customers to easily schedule
    appointments, request service collections, and submit callback requests.
    • Utilize React's state management and lifecycle methods to update UI
    components dynamically based on user interactions and backend responses .

    Fig1: Creating Form structure Fig2: Manages Car Selection


    Fig3: Absolute
    positioning of text
    elements

    Fig4:import
    statements
    • The CSS code (main.css) is responsible for styling various elements of the
    website.
    • The React component imports multiple image files (bannerimg.png,
    bannerimg.jpg, logo.png), They enhance the websites appeal and its branding.
    • The React component imports what it needs—like React itself, images, and
    CSS—to build the frontend of the website.
    • Separating CSS and image files helps keep the project organized and easier to
    manage
    • the provided codes contribute to the development of a well-designed and
    visually appealing website
    KNOWLEDGE GAINED
     Learned how to use React to build interactive user interfaces, including
    importing React and creating functional components for dynamic
    content rendering.
     Explored how HTML markup, CSS styling, and React components
    work together to create visually appealing and responsive web pages.
     Applied CSS styles to React components using classNames or styled-
    components, understanding how CSS rules are scoped to individual
    components.
     Implemented responsive design principles using CSS media queries
    and grid layouts to ensure optimal rendering across various screen sizes
    and devices.
     Implemented event handling in React components to capture user
    interactions
     Soft Skills Gained

     Collaborated closely with backend team members to integrate


    frontend and backend functionalities seamlessly.
     Adapted to changes in project requirements, timelines, and
    priorities.
     Identified and resolved frontend-related issues and challenges in
    collaboration with the backend team
     Paid close attention to frontend design elements, user interface
    interactions.
     Demonstrated the frontend designs and project process.
    CONCLUSION
     The website simplifies customer interaction for a motors company by
    enabling users to book services, schedule service collections, and request
    callbacks.
     Service Booking: Users can easily schedule vehicle service appointments
    through an intuitive booking system. They can select preferred dates and
    times, choose service types, and confirm bookings.
     The frontend is developed using React.js for building dynamic user
    interfaces. CSS is utilized for styling, ensuring a visually appealing and
    user-friendly design.
     The frontend is designed to be responsive, providing optimal user
    experience across various devices and screen sizes
     CSS animations and transitions are incorporated to enhance the user
    interface.
     The website prioritizes user experience, providing intuitive interfaces and
    streamlined workflows for booking services and interacting with the
    motors company.

    You might also like