0% found this document useful (0 votes)
8 views14 pages

Se Slides

Uploaded by

Muhammad Muneeb
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views14 pages

Se Slides

Uploaded by

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

About Explore Choose

Exploring tech stacks

PRESENTED BY:
Muhammad Ali
Tahir Sundhu
Muneeb Ul Haq
next >
about Explore choose

Exploring Web Development Stacks


A Guide for Building Modern Web Applications

Did you know? Over 70% of successful Final Year Projects use a tech stack
to build smarter, faster apps—let’s unlock their secret!

next >
Explore choose Focus

Why Choose a Web Stack?


A web stack is a set of tools and technologies used to
build a website or app, like a recipe for cooking.
Why it Matters:

01 02 03

Saves Time: Improves Quality: Matches Needs:


Pre-built tools let you focus on Stacks ensure apps are fast, Different stacks suit different
creating, not starting from secure, and user-friendly, like a goals, like choosing a sports car
scratch—like using a calculator sturdy foundation for a house. for speed or a truck for heavy
instead of counting by hand. loads.

next >
choose Focus web stack

Our Focus

next >
focus web stack Explain

What is a Web Stack


Frontend(User interface ) Backend(Behind-the-scenes logic)
Creates what users see and interact with, like Handles the app’s operations, like processing
buttons and images. orders or user logins.
Makes apps visually appealing and easy to use, like a Ensures everything runs smoothly, like a store’s
shop’s welcoming entrance. staff managing stock.

DataBase (Stores data)


Keeps information, like user profiles or product
details, organized and accessible.
Allows quick retrieval, like finding items in a well-
organized warehouse. next >
web stack Explain Mern

Explaining the Stacks


MEAN
MERN
MongoDB (NoSQL database), Express.js (backend
MongoDB, Express.js, Angular (frontend
framework), React (frontend library), Node.js
framework), Node.js. Suited for enterprise-level
(server runtime). Great for dynamic, single-page
apps with structured frontend.
apps.

LAMP MEVN
LAMP: Linux, Apache, MySQL (SQL database), PHP. MongoDB, Express.js, Vue.js (frontend framework),
Node.js. Lightweight and flexible for smaller apps.
Traditional stack for stable, server-heavy apps.

next >
explain mern mean

MERN
Best for single-page apps

Projects:
Social media platforms
e-commerce apps,
real-time dashboards
(e.g., ride-sharing or delivery apps)

Netflix, Uber (interactive, data-driven apps).

20K-30K
next >
mern mean mevn

MEAN
Ideal for large-scale enterprise apps.
Angular’s structure for complex
projects.

Google
IBM
Systems Limited (Pakistan’s IT firm)
Projects:
Enterprise solutions
CRM systems,
banking apps needing robust structure

10K-15K
next >
mean mevn lamp

MEVN Great for startups or small apps.


Vue.js is lightweight and easy to learn.

Alibaba,
GitLab,
Foodpanda
(Pakistan’s food delivery platform).
Projects:
Lightweight apps,
startup MVPs,
e-commerce frontends
(e.g., delivery or portfolio sites).

5K-8k
next >
mevn lamp video

LAMP
Suited for traditional websites
MySQL’s reliability for structured data.

WordPress
Wikipedia
Dawn.com (Pakistan’s news website).
Projects:
Content-heavy sites
CMS platforms
forums
(e.g., news portals or blogs).

15K-20K next >


Lamp video conclusion

Video
Lamp Conclusion Question

Conclusion
We learned why stacks matter, what MERN, MEAN, MEVN, and LAMP are, and
Recap: which projects they suit.

Choose a stack based on your project’s size, complexity, and goals.


Takeaway:

Watch “Web Development Stacks Explained” by Traversy Media on YouTube


Video Recommendation: (approx. 15 minutes) for a beginner-friendly overview.

next >
Conclusion Question Bye

Any Question ?

next >
Conclusion Question Bye

THANK YOU.

next >

You might also like