Scribd
Upload
38 views23 pages

Ritesh Internship Seminar

The internship report details Ritesh's 16-week experience at Thaniya Technologies, focusing on full stack development using the MERN stack. Key tasks included learning HTML, CSS, JavaScript, React, Node.js, Express, and MongoDB, culminating in the integration and deployment of a full-stack project. The internship enhanced both technical skills and personal development, preparing Ritesh for a professional software development environment.

Uploaded by

riteshrpoojary2004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
38 views23 pages

Ritesh Internship Seminar

The internship report details Ritesh's 16-week experience at Thaniya Technologies, focusing on full stack development using the MERN stack. Key tasks included learning HTML, CSS, JavaScript, React, Node.js, Express, and MongoDB, culminating in the integration and deployment of a full-stack project. The internship enhanced both technical skills and personal development, preparing Ritesh for a professional software development environment.

Uploaded by

riteshrpoojary2004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 23

VISVESVARAYA TECHNOLOGICAL UNIVERSITY BELAGAVI-590018

Internship Report on
Submitted in partial fulfillment for the award of degree of
BACHELOR OF COMPUTER SCIENCE AND ENGINEERING
For the Academic year 2024-2025
Submitted by
RITESH 4SH21CS112
Internship Guide
Ms. Sharanya R B
Assistant Professor, Department of CSE

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING


SHREE DEVI INSTITUTE OF TECHNOLOGY
KENJAR, MANGALURU-574142
Internship Report
Presentation
TOPIC: Full Stack Development
Name: RITESH

USN: 4SH21CS112
Contents
Certificate
Company Profile
Task Performed (Weekly)
Assignments & Projects
Reflection
Conclusion
Company Profile

Thaniya technologies is an IT solutions based company which specializes in


performing custom design and development of projects which perfectly matches
client business requirements. Their subsidiaries include Rooloo designs, Rooloo
Fixme and Drony Aeriels. Their team uses cutting edge technologies to customize
everything in a product development process whether it's about the look & feel
feature of front-end to skilled back-end programming. Their customized methods
and technologies result in full- functional, highly dynamic and interactive solution.

They offer variety of services such as web design, web development, app
development, machine learning, Internet of things, game development and event
management. With a team of qualified professionals that are dedicated to delivering
quality services for the success of client's projects.
Tasks Performed
Week 1–2: Frontend Foundations
•Learned HTML5: semantic elements, forms, tables, lists, multimedia embedding
•Explored CSS3: selectors, box model, flexbox, grid layout, transitions,
animations
•Practiced responsive design using media queries
•Created static webpages like calculator, timetable, and registration forms

Week 3–4: JavaScript Essentials


•Gained proficiency in JavaScript ES6+: variables, operators, functions
•Implemented DOM manipulation, event handling, and form validation
•Studied arrays, objects, loops, and conditionals
•Built interactive elements like dynamic search bars and animations (bouncing
ball, heartbeat)
Week 5–6: React Fundamentals
•Introduced to React.js: component-based architecture
•Learned about JSX, props, and state management using useState()
•Implemented functional components and conditional rendering
•Built dynamic UIs like to-do lists and login forms

Week 7–8: React Hooks and Advanced Concepts


•Mastered React hooks: useEffect(), useRef(), useContext()
•Practiced props drilling and solved it using Context API
•Learned React Fragment, default props, and component composition
•Developed projects like dynamic product showcases and song players

Week 9–10: MongoDB Basics


•Understood NoSQL database concepts using MongoDB
•Practiced CRUD operations: insertOne(), find(), updateOne(), deleteOne()
•Learned indexing, projection, query filters, and MongoDB shell commands
•Worked on storing and retrieving data in real-world format
Week 11–12: Express & Node.js
•Built server-side logic with Node.js
•Created RESTful APIs using Express.js
•Learned about routing, middleware, and request handling
•Connected frontend React apps to backend APIs

Week 13–14: MongoDB Aggregation


•Mastered Aggregation Framework: $match, $group, $project, $sort, $lookup
•Applied advanced operators like $unwind, $merge, $out, $map, $filter
•Built reporting and analytics queries from mock datasets

Week 15: Data Modeling in MongoDB


•Learned schema design: embedded vs referenced documents
•Modeled one-to-one, one-to-many, and many-to-many relationships
•Applied indexing best practices for query optimization
Week 16: Final Integration and Deployment
•Integrated full MERN stack: frontend (React) + backend (Node/Express) + database
(MongoDB)
•Deployed the project locally using npm, nodemon, and MongoDB Atlas
•Demonstrated complete project flow from frontend interaction to backend response and
database update
•Conducted testing, code cleanup, and final report/documentation preparation
Assignments

1. CALCULATOR USING HTML AND CSS


2. TIME TABLE USING HTML AND CSS

3. REGISTRATION FORM USING HTML AND CSS


4. BOUNCING BALL ANIMATION 5. HEARTBEAT ANIMATION

5. SQUARE BEAT ANIMATION


6. HALCYONIC WEBSITE CLONE 7. CHAMPIONS TROPHY

8. DYNAMIC FOOD MENU DISPLAY WITH SEARCH FUNCTIONALITY


9. DYNAMIC PRODUCT SHOWCASE WITH FETCH API

10. SONG DISPLAY USING REACT


11. LOGIN FORM USING REACT

12. DESIGN A NAVIGATION BAR (NAVBAR) USING REACT


13. TO-DO LIST USING REACT
Project
Reflections
During my 16-week internship at Thaniya Technologies, I had the opportunity to deeply explore web development using the
MERN stack, gaining both technical expertise and essential professional skills.
Technical Learning:
•Strengthened my foundation in HTML5, CSS3, and modern JavaScript (ES6+)
•Gained hands-on experience with React.js, building interactive, component-driven UIs using hooks like useState, useEffect,
and useRef
•Learned to manage backend operations with Node.js and Express.js, developing RESTful APIs and handling routing and
middleware
•Mastered MongoDB for data storage, implementing CRUD operations, aggregation pipelines, indexing, and query optimization
•Integrated all technologies in full-stack projects and tested data flow from frontend to backend and database

🤝 Personal Development:
•Improved logical thinking and problem-solving through hands-on coding assignments and mini-projects
•Developed time management skills by adhering to weekly deadlines and project milestones
•Enhanced my communication skills by discussing project progress, challenges, and solutions with my mentors
•Learned to document and present work clearly, preparing a professional portfolio of completed projects
This internship not only improved my coding proficiency but also helped me grow into a more confident and capable developer,
ready to contribute effectively in a real-world software development environment.
Conclusion
 The 16-week internship at Thaniya Technologies was an incredibly enriching experience that helped me
transition from theoretical knowledge to real-world application in the domain of full-stack web
development.
 I gained a comprehensive understanding of the MERN stack—from building user interfaces with React.js,
to handling server-side logic with Node.js and Express.js, and managing data efficiently with MongoDB.
Each week was structured to progressively build technical skills through targeted tasks, mini-projects, and
collaborative learning.
 Beyond technical growth, this internship significantly contributed to my personal development:
 I enhanced my problem-solving and analytical thinking
 Learned the importance of writing clean, maintainable code
 Developed a habit of independent research and self-learning
 Understood the value of version control, debugging, and project documentation
THANK YOU

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy