Scribd
Upload
24 views16 pages

Presentation NEW

The presentation details an internship experience at XCEL Corp focused on MERN Stack Development over 15 weeks. It covers the components of the MERN stack, including MongoDB, Express.js, React.js, and Node.js, and highlights key learnings in full-stack development, frontend and backend skills, database management, and soft skills. The internship provided a strong foundation in building dynamic web applications and enhanced the presenter’s confidence in applying academic knowledge to real-world scenarios.

Uploaded by

Sneha Kumbar 606
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
24 views16 pages

Presentation NEW

The presentation details an internship experience at XCEL Corp focused on MERN Stack Development over 15 weeks. It covers the components of the MERN stack, including MongoDB, Express.js, React.js, and Node.js, and highlights key learnings in full-stack development, frontend and backend skills, database management, and soft skills. The internship provided a strong foundation in building dynamic web applications and enhanced the presenter’s confidence in applying academic knowledge to real-world scenarios.

Uploaded by

Sneha Kumbar 606
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/ 16

Presentation on Internship

Presented by Sumit More (2JI21CS057)

Guide : Dr. Uttam Patil


Overview of the Company

• Company’s Name :- XCEL Corp


• Duration : 15 weeks
• Location : 2nd Floor Hangirkar Bhavan, Congress Road, Tilakawadi Belagavi.
• Domain : MERN Stack Development
MERN Stack
Prerequisites for MERN stack
• HTML
• CSS
• JavaScript
• Knowledge of database.
Introduction to MERN Stack
What is MERN?
• MERN is an acronym for MongoDB, Express.js, React.js, and Node.js.
• A full-stack JavaScript solution for building dynamic web applications.
• Allows developers to use JavaScript on both the front-end and back-
end.
MERN Architecture
How MERN Works Together

• React.js sends HTTP requests to the Node.js server.


• Node.js uses Express.js to route these requests.
• Express.js interacts with MongoDB to fetch/store data.
• React.js updates the UI based on the data.
MongoDB Overview
• Definition: A NoSQL, document-oriented database.
• Key Features:
• Schema-less data storage.
• High scalability and flexibility.
• Stores data in JSON-like format (BSON).
• Why Use MongoDB in MERN?
• Seamless integration with JavaScript.
Node.js Overview
• Definition: A runtime environment for executing JavaScript on the
server-side.
• Key Features:
• Non-blocking, event-driven architecture.
• Built on Google Chrome's V8 engine.
• Enables building fast and scalable network applications.
• Why Use Node.js in MERN?
• Supports full-stack JavaScript, making it easy to develop both the front-end
and back-end.
Express.js Overview
• Definition: A minimal and flexible Node.js web application
framework.
• Key Features:
• Simplifies routing and handling HTTP requests.
• Middleware support for managing requests.
• Provides essential tools for building server-side applications.
• Why Use Express in MERN?
• Helps streamline backend development in Node.js.
React.js Overview

• Definition: A JavaScript library for building user interfaces.


Key Features:
• Component-based architecture.
• Virtual DOM for efficient rendering.
• Unidirectional data flow.

Why Use React in MERN?


• Facilitates interactive, dynamic web pages.
Use Cases for MERN Stack
• Single-Page Applications (SPAs)
• Real-time Applications (e.g., Chat apps)
• Content Management Systems (CMS)
• E-commerce Platforms
Key Learnings & Skills Gained

•Full-Stack Development:
•Built complete web applications using MongoDB, Express.js, React.js, and Node.js.
•Understood how frontend and backend interact via RESTful APIs.

•Frontend Development:
•Created dynamic and responsive UI components using React.
•Utilized React Hooks, React Router, for state management, routing, and API integration.

•Backend Development:
•Developed RESTful APIs with Express.js and Node.js.
•Database Management:
•Designed schemas and performed CRUD operations using MongoDB and Mongoose.

•Version Control & Deployment:


•Collaborated using Git and GitHub.

•Soft Skills:
•Improved problem-solving, debugging, and team communication.
•Learned time management through task deadlines and sprint planning.
Conclusion
• The internship gave me a strong foundation in full-stack
development.

• Helped bridge the gap between academic learning and real-world


application.

• Boosted my confidence in building dynamic, data-driven web


applications.
THANK
YOU

You might also like