presentaion file for industrial training which is held in final idp .pptx

presantation file of university presantation2.

1. Industrial Training Presentation Prepared By: Guided By: Jayraj Bhatia (202103103520033) Mr. Jay Patel Harshal Savani (202003103510334) Teaching Assistant Dhruv Shekhapara (202003103510266) CGPIT. B.Tech. (8 th Semester) (IT/CS) CGPIT.

2. Consent from external guide for the presentation

3. Consent from internal guide for the presentation

4. Outline Company Profile Timeline Chart (which should include work done per week) Training Work ( activities completed till now along with title and 1-2 line description) Project Introduction Project Objective Scope of Project Technologies/Platform (being use for development) Modules of Project Database Schema Diagrams Implementation Testing Future Work Conclusion References Project Title 4

5. Company Profile Krtya Software is one of the leading IT Outsourcing Service Provider based in India, serving its clients worldwide. We are committed towards providing the reliable and affordable Software Development Outsourcing Services, satisfying our clients. Krtya provide Software Development Outsourcing services like Web Development, Website Design and Development, Product Development, Application Development and Maintenance, Development, Share-point. Our other services are Cloud Technology Services, .NET Outsourcing Service Provider, Microsoft Share-point Service, Open Source Software and many more. Project Title 5

6. Week 1 2, 3 4 5, 6 , 7 8, 9 10 , 11 1 2, 13 14, 15 1 7 Start From basics Like HTML, CSS,JS (1 jan – 6 jan) Start demo Project Using HTML ,CSS & js (8 jan – 13 jan) Project work Like designing of pages (7 Feb – 21 Feb) Start a design tool of writing (7 Mar – 21 Mar} Start learning React JS, made a demo pages (16 jan – 22 jan) Running… Some basic functionalities, some designing task (23 jan – 6 Feb) Learn about basic backend and get info. Bout different tools (22 Feb – 6 Mar) Timeline Chart Start Did some changes in that tool (8 Apr – 13 Apr) 16 Add some functionality (22 Mar – 6 Apr) Given Task of pages (13 Apr- Running…) JAN 1 Project Title 6

7. Training Work We worked on a web development service in past 4 months. And we successfully done a some task and one project of E-commerce and in add more we worked on a one tool of writing. We worked on a E-commerce website design as well as some other designs and some functionality. Something that we have to add is we were the part of Project Title 7

8. Project Introduction This is online E-commerce website from there clients can shopping easily. In this project we used a react js and for backend we used a firebase there we store the data of clients and product data also we worked on admin dashboard and we add some functionalities like a add to cart, filter, add product, etc. Moreover we worked on one demanded tool and some designs as well. Project Title 8

9. Project Objective The objective of an e-commerce website is to provide a user-friendly platform for buying goods online. This involves facilitating seamless transactions, enhancing customer experience, and expanding market reach. Other one is editing tool of text in which we can edit a text such as a bold, italic, lower case, upper case etc.. Also we were part of many webpages as a frontend developer for make a designs of pages. Project Title 9

10. Project Scope Both e-commerce website and text editing tool encounter limitations that can affect their effectiveness. E-commerce platforms may face challenges in scalability, security risks, technical constraints, and meeting regulatory requirements. Similarly, text editing tools may have feature limitations, compatibility issues, performance constraints, increased learning curves for users, and ongoing support needs. Recognizing and addressing these limitations are crucial for optimizing their functionality and user experience. Project Title 10

11. Technologie s Front end React JS Tailwind CSS Back end  Firebase(Basic) Project Title 11

12. Modules of Project Here is some module on which we worked: Shopping Cart Module : The shopping cart module allows users to add items to their cart while browsing the website. User Authentication : This module is responsible for user registration, login. Search and Navigation Module : This module enables users to search for products using keywords or filters and provides intuitive navigation options Project Title 12

13. Admin panel: Add product: Admin can add product using this module in website Update product: : Admin can update product using this module in website Delete product: : Admin can delete product using this module in website Mode: Using this module client or admin can do a dark mode also Payment functionality: client can do a purchase a item after payment Tool: Add formatting: User can edit their text using this tool Project Title 13

14. Database Schema Table 1: Registration table Project Title Column Name Data Type Size Constraint Description Id INT 20 --- ID No. User VARCHAR 3 --- Username Pass VARCHAR 20 --- Password 14

15. Diagrams E-R diagram Use-case diagram Sequence diagram Activity diagram Class diagram/Component diagram Data Flow Diagram Project Title 15

16. ER-diagram 16

17. Usecase diagram 17

18. Sequence Diagram 18

19. Activity diagram 19

20. Class diagram 2

21. Client DFD diagram 2 1

22. Admin DFD diagram 2 2

23. Implementation Project Title 23 Figure 1: Demo page

24. Figure 2: Demo design 2 1 24

25. Figure 3: Demo design 25

26. Figure 4: Home page (Admin) 26

27. Figure 5: Home page (Client) 27

28. Figure 6: Filter functionality and dark mode 28

29. Figure 7: Collection page, Add to cart functionality 29

30. Figure 8: Add to cart page 30

31. Figure 9: Admin product page 31

32. Figure 10: Admin add product page 32

33. Figure 11: Admin User details page 33

34. Figure 12: Home page 34

35. Figure 13: Search panel 35

36. Figure 14: Information page 36

37. Figure 1 5 : Service page 37

38. Figure 16: Specialist page 38

39. Figure 17: Available service page 39

40. Figure 18: Gallery page 40

41. Figure 19: Photo preview page 41

42. Figure 20: Contact page 42

43. Figure 21: Signup page 43

44. Figure 22: Appointment page (step 1) 44

45. Figure 23: Fill details page (step 2) 45

46. Figure 24: Payment page (step 3) 46

47. Figure 25: Editor tool 47

48. Figure 26: Change the color 48

49. Figure 27: Edit the text Upper case 49

50. Figure 28: Find and replace the word 50

51. Testing Table 1: Account table Project Title Test ID Case Test Data Expected Result Actual Result Pass/Fail 1 Registration Internet Connectivity User name Login ID Password Pass Pass Pass 2 Login Internet Connectivity Login ID Password Pass Pass Pass 51

52. Table 1: Admin table Project Title Test ID Case Test Data Expected Result Actual Result Pass/Fail 1 Admin user data Internet Connectivity User name Login ID Pass Pass Pass 2 Admin product data Internet Connectivity Product name Product ID Price Add product Product update and delete Pass Pass Pass 52

53. Future Work Further we looking for give our best in some project work and given task as well. We try to add some more convenient functionality in tool as well as in webpages. And that will adequate for us to improve our skills and communication power also. We will perform a given task and make more responsive and user friendly websites or tool as per our guide instructions. And make sure that we get something new every time when we work in project or any task from our guide. Project Title 53

54. Conclusion There is no particular conclusion for one project but we had worked on e-commerce project from that we can say it was sufficient experience for us we learned much from our guide. We also a part of one tool which was made and from that our confidence built after worked in that some designing and some functionality as well. Project Title 54

55. References HTML,CSS and js: https://www.w3schools.com/ Video reference React js: https://react.dev/ Backend reference: https://codedamn.com/news/reactjs/react-firebase-complete-tutorial Other designing reference: https://react.design/ Project Title 55

56. Thank You Project Title 56