WSA - Internship Experience and Project Submission #internship #project #Free Internship

Summary

Nagarajan, a computer science student, shares his enriching internship experience at Weback Academy, focusing on full-stack development with the MERN stack. The program offered hands-on experience, building a food delivery application, incorporating MongoDB, Express, React, and Node.js. Technologies like Mailtrap for mail management and Stripe for payment processing were utilized. The project not only provided a comprehensive understanding of full-stack development but also honed Nagarajan's skills in communication and collaboration, setting a strong foundation for his future career.

Takeaways

• 😀 The speaker, Nagarajan, is a computer science student at University BD College of Engineering and shares his internship experience at Weback Academy.
• 🌟 The internship focused on full stack development using the MERN (MongoDB, Express, React, Node.js) stack, which is a popular technology in web development.
• 🛠️ The goals of the internship were to provide hands-on experience in full stack development and to build a strong foundation in MERN technology.
• 💡 Full stack web development involves both front-end and back-end work, requiring proficiency in programming languages like HTML, CSS, and JavaScript, as well as knowledge of databases and APIs.
• 🔑 Key skills for full stack developers include a diverse range of technical abilities, excellent communication, and collaboration.
• 📚 The MERN stack was used throughout the internship, with MongoDB as the database, Express for server-side API creation, React for the front-end user interface, and Node.js for server-side execution.
• 🍽️ The internship project was a food delivery application similar to Zomato and Swiggy, providing practical experience in using the MERN stack in a real-world scenario.
• 🔍 The project included features like a restaurant list, search functionality, authentication, payment processing, and user profile management.
• 🛫 Technologies used in the project, aside from the MERN stack, included Mailtrap for email services and Stripe for payment processing.
• 🎓 Nagarajan found the internship to be enjoyable and productive, offering a valuable learning experience and a comprehensive overview of full stack development.
• 🙌 The speaker expressed gratitude to Weback Academy for the opportunity and is excited to apply the skills and knowledge gained to his future career.

Q & A

What is the name of the intern who shared their experience at Weback Academy?

The intern's name is Nagarajan.

What field of study is Nagarajan pursuing at the university?

Nagarajan is pursuing a degree in Computer Science.

What technology stack did the internship focus on?

The internship focused on the MEAN stack, which includes MongoDB, Express, Angular, and Node.js.

What are the key goals of the internship program as described by Nagarajan?

The goals of the internship are to provide hands-on experience in full stack development and to develop a strong foundation in MEAN technology.

What is the significance of a well-designed application architecture?

A well-designed application architecture is critical as it determines the success of a software application, making it easy to use, maintain, and scale.

What is MongoDB classified as and what type of documents does it use?

MongoDB is classified as a NoSQL database program and it uses JSON-like documents with optional schemas.

What is the role of Express in the MEAN stack?

Express is used to create APIs easily for the server side. It includes significant features that allow for dynamically creating a backend API without any third-party dependency.

What is the purpose of ReactJS in the context of the internship project?

ReactJS is an open-source JavaScript library used to create user interfaces in a declarative and efficient way. It is a component-based front-end library responsible only for the view layer of the MVC architecture.

What was the internship project about and what was its purpose?

The internship project was about developing a food delivery application similar to Zomato and Swiggy. The purpose was to provide aspiring developers with a challenging and exciting opportunity to gain hands-on experience in full stack development using the MEAN stack.

What are the functionalities included in the food delivery application developed during the internship?

The functionalities include a homepage with a restaurant list, a search bar for searching restaurants, a distinct menu for each restaurant, authentication features like login and password reset, a cart for ordering food, payment processing, and profile management for users.

What technologies were used in addition to the MEAN stack for the internship project?

In addition to the MEAN stack, the project also used Mailtrap for sending and receiving emails, and Stripe for processing payments.

What was Nagarajan's overall experience and takeaway from the internship?

Nagarajan had an enjoyable and productive internship experience, gaining a comprehensive overview of full stack development and valuable learning that can be applied to their future career.

Outlines

00:00

👨‍💻 Introduction to the Internship Experience at Weback Academy

Nagarajan, a computer science student from University BD College of Engineering, introduces his internship experience at Weback Academy. The internship focused on full-stack development using the MERN (MongoDB, Express, React, Node.js) stack. The goal was to provide hands-on experience and a strong foundation in modern web technologies. The overview of full-stack development was discussed, emphasizing the need for proficiency in various programming languages and technologies. The MERN stack's components and their roles in web development were explained, highlighting the importance of MongoDB as a NoSQL database, Express for server-side API creation, React for building user interfaces, and Node.js for server-side JavaScript execution.

05:00

🍔 Project Overview: Food Delivery Application

The internship project involved creating a food delivery application similar to Zomato and Swiggy. The application featured a homepage with a restaurant list, a search bar, distinct menus for each restaurant, authentication for login and password reset, a card system for orders, and payment processing. Technologies used included MongoDB, Node.js, Express, and React, with additional integrations of Mailtrap for email services and Stripe for payment processing. The summary also described the user interface and functionalities such as searching, sorting, adding to cart, and processing payments, showcasing the practical application of the MERN stack in a real-world scenario.

10:04

🛒 Demonstrating the Food Delivery Application's Features

This section provides a walkthrough of the food delivery application's features. It starts with the cart functionality, where users can increment, decrement, or delete orders. The checkout process requires providing a delivery address and confirming order details before proceeding to payment. The payment is processed using Stripe, and a successful transaction leads to a confirmation of the order placement. The summary also covers user profile management, including editing personal information and avatars, and the password recovery process using Mailtrap for email services. The demonstration highlights the seamless integration of front-end and back-end technologies to create a functional web application.

15:05

🎓 Conclusion and Reflection on the Internship

Nagarajan concludes by reflecting on the valuable learning experience gained during the internship. He expresses gratitude to Weback Academy for the opportunity and discusses how the project deepened his understanding of full-stack development. The internship allowed him to apply the skills and knowledge acquired in a practical setting, preparing him for his future career. The summary emphasizes the importance of the MERN stack in modern web development and the significance of the project in bridging the gap between theory and practice.

Keywords

💡Internship

An internship is a period of work experience offered by an organization for a limited time duration, usually to students or graduates. In the context of the video, the internship at Weback Academy provided hands-on experience in full-stack development, which is central to the video's theme of learning and applying web technologies.

💡Full Stack Development

Full stack development refers to the process of building both the front-end (client-side) and back-end (server-side) of a web application. It requires a comprehensive understanding of various technologies and programming languages. The video emphasizes the importance of full stack skills, as the internship program aimed to develop a strong foundation in this area.

💡MERN Stack

MERN stands for MongoDB, Express.js, React, and Node.js. It is a popular technology stack used in web development for creating dynamic web applications. The script mentions the MERN stack as the core technologies used during the internship, highlighting its significance in modern web development.

💡MongoDB

MongoDB is a NoSQL database program that stores data in JSON-like documents with optional schemas. It is known for its flexibility and scalability. In the video, MongoDB is used as the database for the food delivery application project, showcasing its role in handling data storage in full stack development.

💡Express.js

Express.js is a minimal and flexible Node.js web application framework that provides a robust set of features for building single and multi-page, and hybrid web applications. The script mentions Express as the framework used for creating APIs in the backend of the project.

💡React

React is an open-source JavaScript library used for building user interfaces, particularly single-page applications. It is known for its component-based architecture and efficient rendering of dynamic data. In the video, React is used for the front-end development of the food delivery application.

💡Node.js

Node.js is an open-source, cross-platform JavaScript runtime environment that executes JavaScript code outside a browser. It allows for server-side scripting and building scalable network applications. The script refers to Node.js as part of the MERN stack, enabling the development of server-side applications.

💡Food Delivery Application

A food delivery application is a type of web or mobile application that allows users to order food from various restaurants online. The video describes the creation of such an application during the internship, which serves as a practical example of applying full stack development skills.

💡Mailtrap

Mailtrap is a service that provides a way to test email sending and receiving in development environments without actually sending emails to real users. In the script, Mailtrap is used for the 'forgot password' feature, demonstrating its role in handling email functionalities within web applications.

💡Stripe

Stripe is a technology company that provides services for payment processing, including mobile and online payments. It is used in the food delivery application project for processing payments, illustrating the importance of secure and reliable payment solutions in web applications.

💡Weback Academy

Weback Academy appears to be the organization that offered the internship program. The script expresses gratitude to Weback Academy for providing the opportunity to learn and grow as a developer, emphasizing the role of such institutions in fostering technical skills and real-world experience.

Highlights

Introduction to the internship experience at Weback Academy with a focus on the MERN stack.

Nagarajan, a computer science student, shares his excitement for learning about the latest technologies in web development.

The importance of full stack development in the rapidly growing field of technology.

Overview of the technologies involved in full stack development, including HTML, CSS, JavaScript, React, Node.js, and MongoDB.

The internship's goal to provide hands-on experience and a strong foundation in MERN technology.

Explanation of full stack web development, including front-end and back-end work and the diverse skill set required.

Introduction to the MERN stack components: MongoDB, Express, React, and Node.js.

The significance of a well-designed application architecture for success in software development.

Details about MongoDB as a NoSQL database and its use in the project.

Express's role in creating APIs for the server and its features that support backend API development.

React's function as a front-end library for creating user interfaces and its component-based approach.

Node's capability to run JavaScript on the server-side and its use in building fully functional applications.

Project description of a food delivery application that mimics popular services like Zomato and Swiggy.

Implementation details of the project, including features like restaurant lists, search bars, and authentication.

Technologies used in the project, such as MongoDB, Node.js, Express, React, Mailtrap, and Stripe.

Demonstration of the project's user interface, including searching for restaurants, sorting by reviews and ratings, and ordering food.

Process of checking out, providing delivery addresses, confirming orders, and using Stripe for payment processing.

Features for viewing and managing orders, editing profiles, and resetting passwords using Mailtrap.

Conclusion reflecting on the enjoyable and productive internship experience and the skills gained in full stack development.

Final demonstration of the project's functionality, including order tracking and payment processing success using Stripe.

Transcripts

hello everyone I'm here to share my

internship experience in weback Academy

we done the intership on Mon stack I am

nagan so we can start with the contents

here are the contents about me overview

goals of The Internship full stack

development mon stack about the

internship project and

conclusion so slightly about me my name

is nagarajan I'm a computer science

student at university BD College of

Engineering

I am happy to be part of this internship

program and learn more about the latest

Technologies in the field of web

development then overview of this

internship is nowadays the full stack

development is rapidly growing field in

the world of technology it involves

working on both front end and back end

of web applications a full stack

developer must have a deep understanding

of various Technologies and programming

languages such as you know like HTML CSS

JavaScript react nodejs and

mongodb we have other Technologies also

like U instead of mongodb we are using

mySQL database like that then we have

used all these in our internship

also so goals of internship are this

internship are to provide us with

handson experience in full stack

development and to help us develop a

strong F foundation in m m technology

through the program we work on a real

world project that will challeng us and

push us to grow as a

developer then slightly look over full

stack web development this is refers to

development of both front end and back

end uh and it involves working with

multiple Technologies and Frameworks and

requires a diverse skill set a full

stack developer must be proficient in in

programming languages HTML CSS

JavaScript and have a knowledge of

database servers and

apis so the key key skills of the

fullstack developers are required to

have a wide range of skill in order to

build and maintain complex web

applications they need to be proficient

in both front end and back end along

with the excellent communication and

collaboration

abilities then we slightly look over mon

stack the m stands for mongodb E stands

for Express R stands for react and n

stands for nodejs this Monte is popular

web development technology nowadays and

uh this consist of four main components

like mongodb Express react and

nodejs then we see the architecture this

architecture design of a software

application are critical components that

determine its success a welld designed

application is easy to use and maintain

and scale so this uh

architecture uh involves front end back

end and database here we use the mongodb

as a database and we use the reactjs

that is the JavaScript library as a

front end to connect these both that uh

reactjs and mongodb we use expressjs and

nodejs so next we look over that

information about M we already say that

m stands for mongodb it is a source

available across the platform document

oriented database program this is

classified as a nosql database program

so mongodb uses Json like documents with

optional

schemas then Express this uh Express can

create an API very easily for Server

Express just includes significant

features that lead has dynamically

create a backend API it does not require

any third party dependency and does not

come with any framework and

plugins then react reactjs is an

open-source JavaScript library used to

create user interface in a declarative

and efficient way it is a component

based front-end Library responsible only

for the view layer of model view

controller architecture

react is used to create modular used

interface and prompts that development

of reusable components that displays

Dynamic

data then node node allows developers to

write JavaScript code that runs directly

in the computer process instead of

browser node can therefore use to write

server side applications with access to

the operating system file system and

everything

which is used to build the fully

functional

application about this internship

project we are done the food delivery

application here like uh we see that

zomato and uh swiy no that our project

mimics those so in this internship

project the challenging and exciting

opportunity of aspiring developers to

gain hands-on experience in the full

stack that is mod technology

then the implementations in our projects

are uh in the homepage we have the uh

all the resturant list we see in the

next uh in the forward we have the

project demo and we have the search

search bar in the header we can search

the restaurants also there then

restaurants has their distinct menu then

we have for the authentication we have

the login and uh for if if forgot if

password is forgotten we have also have

the have the option to reset it then we

have the card and we have we have also

processed the payment here and uh we can

also view the orders and we can see the

profile and update it

also then the Technologies we used I

already say that that is mongodb nodejs

Express and react and we have also used

the mail strap and stripe the mail

stripe is used to sending and receiving

mails if uh like that if we um forgot on

the password we give we provided the

option forgotten password if we press

that it can um uh take us to the mail

strap there is then mail for resetting

the password then stripe this stripe is

used to processing the payments if we

order anything any food then we continue

with the payment this stripe will helps

us to process ing payments so this

mongodb you have already seen that it is

a popular new SQL database that provides

highly scalability and flexibility

nodejs and open source server

environment that allows developers to

run JavaScript on the server site then

Express a fast and minimalist web

framework for nodejs that simplifies the

process of building web applications

then the react it is a popular

JavaScript library that is uh mainly

used

nowaday then conclusion I had enjoyable

and productive internship experience

which provide me with a valuable

learning curve I gain a comprehensive

overview of full stack development

through my work on the food delivery

application project this internship was

a great opportunity for me to learn and

grow as a developer I am grateful for

the opportunity to have participated in

this program

and I am excited to apply the skills and

knowledge I have gained my future career

to my future

career then thank you webst Academy for

giving this opportunity so now let's we

see the project demo what we have done

in the

internship see this is our project this

is the homepage here we have the hate

restaurants these are the restaurant

list this is our header here we have the

search bar we can search the any

restaurant like Pizza Hut so if we

search

pizza so one minute the spelling

mistake here are the two restaurants

which have the pizza so we can

also here we also sort our restaurants

pure wedge restaurants these are only

two pure wedge restaurants and we have

have sorted the restaurant by reviews

here there are 96 reviews this is the

highest reviews so then 90 78 so like

that so we have also we have also sort

the restaurant by ratings so this is the

top rated restaurant that is chy point

then uh Mains Dum Biryani like

that then we have also we order the food

here so like this is the menu of the ch

point so these are the um these are the

options in the menu then we go to the

hotel Empire these are the menu and here

we also have the

beverages um if we order

any if we want to order this we have to

add this to cart then we have increment

the number of uh items and we also

decremented so we also add the beverages

here so water bottle like this so now

see here is the card shows two items so

then we move on to the cart so this is

the cart these are the two items we are

ordered here also we have the option to

increment and

decrement here we also have the option

to delete the order so now we check

out then here the delivery address we

provide that we have to provide so this

is our delivery address then we click on

continue so this is a confirming

confirmation for here are the delivery

information and our items and this is

the order summary then we click onto the

proceed to

payment here we provide as a card card

number so this is an dummy card number

don't worry about

this then we click on pay

it will go to the stripe for processing

the payment here we see it is waiting

for

stripe then we get order has been placed

successfully if you want to see what we

have ordered here is the go to order

option so clicking it here see we are

ordering this is the order items this is

Hotel Empire Pizza Hut cheesy pizza so

this is our ordered

items so this this is the hotel Empire

is now we are ordered this is already I

am done in previous so here we have the

action that is the I icon if you click

we have see the order ID and delivery

information and uh payment U status and

what are the items we are

ordered so now uh if we see the payment

uh payment has done processed or not

here is is the stripe website we can go

to go

this wait a minute this is

uh here we ordered that uh what is that

here we also have the options to see the

order so here is our order this in the

hotel Empire 160 rupes

16.45 so then we can see that in the

stripe in payments

option so here is the one here is our

payment that is

succeeded so this is how we process the

payment using stripe then here we

already login if we see our profile we

clicking on the profile button here is

our profile if we edit our profile we

can also edit here our name email ID and

Avatar so if we change my name to only

nagra n and we have also browse the AAR

to

something like

uh something

pictures so like that we are changing

the

alar so

wait so we have also changed the alar

using like

that so this is how how we change it so

simple we can add so this see how that

is changed so then we can

update here this is the I am changing my

name nagra to n here is updated profile

and the we also Chang the AAR so then if

uh see if we forgot on the password then

how can we recover the password

so I am going to show that then firstly

we log logging out so log out

successfully so now we click on login

then we click on the our this is our by

default it's come if we give forgot

password Here We want to enter mail so

here I'm entering my mail and send

mail while sending mail it go goes to

the mail

strap here in the mail strap here we

have the inbox inbox option is there

inside that

here one

second when we click on

send here in the mail we

have the options

so we can try with another

mail

so

send so it will send the request

mail so here this is the this is few

seconds ago this is our mail to reset

password Here is the reset password

option by clicking this it redirects to

our project then we have to set the

password Here and confirm the password

then set

password then it uh take us to login

page so here we directly login

by uh entering our

information it

is so this is our

mail this is our

password

then we click login it is successfully

logging

in so this is how we created the project

and uh this is how we use the mail strap

and this is how we processing the

payment so these are all if we if the

card number is uh not valid then uh we

have also now payment is not completed

here we see this is incomp completing

payment so if the card if any frauds

will if any uh unnecessary activities

will seen then the we can have the

ability to block the

card so this is our food food

project this is our food

project so this is how we can uh done

the project during the

internship so thank you for the web

stack Academy for giving this

opportunity and um provide provide us a

best valuable experience in the mon

stack and we are we are now able to uh

done the full stack and we are have the

knowledge of how the full stack works

and what are the Technologies and what

we are using and what is necessary for

the society so thank you for we weback

Academy for giving this opportunity