4MW20CS102_Venkatesh_Internship_ppt.pptx

hgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg

1. INTERNSHIP PRESENTATION NAME: VENKATESH BHAT USN: 4MW20CS102

2. INTRODUCTION I recently completed a 3-month internship at Vrisharya Technologies Private Limited, Udupi. During this internship, I underwent comprehensive training in Full Stack Web Development, gaining hands-on experience in various technologies. I learned HTML, CSS, JavaScript, React.js, and Node.js, along with practical experience in GitHub management , APIs and also did projects on these tech stacks.

3. ABOUT COMPANY VRISHARYA TECHNOLOGIES PRIVATE LIMITED

4. Vrisharya Technology is an innovative EdTech startup known for its transformative approach to education. It provides services which includes comprehensive internship programs in Full Stack Web Development and Flutter Development. The vision of the company is to be a global leader in revolutionizing education through innovative technology, fostering inclusive learning environments, and empowering individuals worldwide to access quality education. The core mission is to democratize education through the use of open-source tools, creating inclusive learning environments that empower educators and learners worldwide

5. CERTIFICATION

6. TASKS PERFORMED DURING INTERNSHIP   Date  Activity   21-08-23 Introduction to GitHub ,Upload files to GitHub, Branches, Adding collaborators, Git commands.    22-08-23    Postman course , API and its types.    23-08-23    Create workspace and collection, Variables, API request 24-08-23 Introduction to Html, comments, Html doctypes, elements, attributes, paragraphs, links, images, etc.    25-08-23   Tags, Html Tables, Lists, Html form etc.   26-08-23 Introduction to CSS , different type s of CSS , Selectors & different types of selectors. WEEK 1

7.   Date Activity 28-08-23   CSS styling concepts like backgrounds, borders, box model, colors, columns, fonts, positioning, nesting style rules etc. 29-08-23 Task on College web page 30-08-23 Task on Admin dashboard   31-08-23 Presentation and Evaluation of College web page &Admin dashboard task   01-09-23 V S code extension setup , Java script Fundamentals 02-09-23 Operators, Control flow statement WEEK 2

8.   Date Activity   04-09-23   JS Loops , Objects , Functions    05-09-23    Task on Portfolio 06-09-23 Project presentation and Evaluation of Portfolio task   08-09-23 React Introduction and creating react app 09-09-23 Import and export , JSX introduction , React components , props, rendering 11-09-23   Task on Calculator app WEEK 3

9. WEEK 4   Date Activity   12-09-23   Presentation and Evaluation of Calculator task   13-09-23 Node js basics, modules , callback concept       14-09-23     REST Full API design , Node js start and run server   15-09-23 to 16-09-23   Project work   21-09-23 Presentation and evaluation of project

10. PROJECTS DONE IN INTERNSHIP After learning the different technologies for both frontend and backend, I did the following projects during the internship PORTFOLIO WEBSITE DASHBOARD WEBSITE COLLEGE WEBSITE SIMPLE CALCULATOR CRUD APPLICATION

11. PORTFOLIO WEBSITE The portfolio website serves as a dynamic hub for professionals to showcase their skills, experience, and achievements to potential clients, employers, and collaborators. It aims to establish a strong personal or professional brand identity, build trust and credibility, and foster networking and collaboration opportunities. Through innovative design, informative content, and a focus on problem-solving abilities, the website highlights the individual's creativity, expertise, and reliability. It also serves as an educational resource and adapts to the individual's evolving career, making it an essential tool for anyone seeking to leave a positive impression and attract opportunities in their field.

12. DASHBOARD WEBSITE The dashboard website for the college serves as a comprehensive platform for students, faculty, and administrators to access information and resources related to academic programs, courses, and campus life. It provides easy navigation through various sections and engage with the college community, and explore educational opportunities, thereby enhancing communication and collaboration within the college ecosystem.

13. COLLEGE WEBSITE The simple college website provides essential information about the institution, its departments, admission process, and contact details. Overall, the website provides a user-friendly interface for visitors to learn about the college, its departments, admission process, and contact details, enhancing communication and engagement with prospective students and stakeholders.

14. SIMPLE CALCULATOR Building a simple calculator application using React provides a practical and effective approach to learning React. Key concepts include component structure, state management, event handling, conditional rendering, props, lifecycle methods (or hooks), and styling. Components can be encapsulated within separate components, allowing for better control over input, previous input, and calculation results. Event handling ensures interactivity, while conditional rendering displays different UI elements based on the calculator's state. Props are used to pass data from parent to child components, while lifecycle methods manage component lifecycle events. Styling can be done using CSS or CSS-in-JS libraries. Building a calculator app provides hands-on experience with these fundamental concepts, providing a solid foundation for further learning and building more complex React applications.

15. CRUD APPLICATION Building a Todo App in React involves setting up the project, creating components, managing state, and implementing CRUD operations. The process includes creating a new application, managing state using React's ' useState ' hook, adding new tasks, marking them as complete, or deleting them. CRUD operations include creating, reading, updating, and deleting tasks. CSS is applied to make the app visually appealing. As knowledge is gained, the code is refactored to improve structure and performance. By the end of the process, a fully functional Todo App is created and a solid understanding of CRUD operations in React is gained.

16. RESULT During the internship, several tasks are done, resulting in the successful completion of various projects. the internship was a valuable learning experience that not only enhanced technical skills but also fostered personal learning growth. The completion of multiple projects reflects dedication, adaptability, and a passion for learning and innovation in the field of web development. As a Final project, I developed an Ecommerce application for purchasing Cars and Spare Parts.

17. GEARGURU The project is an Ecommerce web application developed using MERN Stack, featuring an intuitive user interface for seamless transaction. The application incorporates an API integration to facilitate car & spare parts search based on different categories, enhancing the overall user experience. The key components of the application include a Dashboard, Shop page, Profile page, and Cart Page.

18. SNAPSHOTS

19. CONCLUSION During my internship, I received comprehensive training in full-stack web development, focusing on HTML, CSS, JavaScript, React.js, Node.js. I honed my skills in essential backend concepts like database management and server-side scripting, enabling the creation of web applications. Through hands-on experience, I developed proficiency in GitHub management and utilizing VS Code for efficient task completion. Engaging in numerous task and maintaining GitHub repositories provided practical insights into web development workflows. I cultivated problem-solving skills and effective collaboration within a team environment. In the internship enriched my knowledge and equipped me with the tools to tackle challenges in the ever-evolving landscape of web development with confidence and proficiency.

20. THANK YOU