Industrial Attachment Report

KING.E

Submitted by

Name : Md. Ali Abid

ID : 2014751178
Name : Md. Ismail Hossain
ID : 2014751210
Name : Md.Hasib Ahmed
ID : 2014751265
Name : Md. Mahbubul Haque Tonmoy
ID : 2014751257

Department of Computer Science & Engineering

University of Information Technology and Sciences (UITS)
Dhaka,Bangladesh
Contents

Letter from Industry 3

1 Introduction 4

2 Organisation Overview 5
2.1 Company Profile . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.2 Role and Responsibilities . . . . . . . . . . . . . . . . . . . . 6

3 Project Description 7
3.1 Project Title . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
3.2 Project Scope . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
3.3 Technologies Used . . . . . . . . . . . . . . . . . . . . . . . . . 7

4 Project Execution 9
4.1 Methodology . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
4.2 Challenges Faced . . . . . . . . . . . . . . . . . . . . . . . . . 10

5 Skills and Knowledge Gained 11

5.1 Technical Skills . . . . . . . . . . . . . . . . . . . . . . . . . . 11
5.2 Problem-Solving . . . . . . . . . . . . . . . . . . . . . . . . . . 11

6 Project Outcomes 13
6.1 Achievements . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
6.2 Impact . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

7 Personal and Professional Development 15

7.1 Learning Experience . . . . . . . . . . . . . . . . . . . . . . . 15
7.2 Future Career Goals . . . . . . . . . . . . . . . . . . . . . . . 16

8 Conclusion 17

Acknowledgements 19

i
Appendices 20

ii
Letter From UITS

1
Figure 1: Letter From UITS

2
Letter From Industry

Include the letter which your thesis supervisor will receive from your indus-
trial supervisor (it can be an image or you can add the letter in spiral)

3
Chapter 1

Introduction

Brain Station 23 is a prominent software development company known for

its expertise in creating innovative digital solutions. Founded in 2006 and
headquartered in Dhaka, Bangladesh, the company has established itself as a
leader in the technology industry. Brain Station 23 specializes in custom soft-
ware development, web and mobile app development, artificial intelligence,
and cloud computing services, catering to a diverse clientele that includes
startups, enterprises, and organizations around the world. With a strong
commitment to quality, innovation, and client satisfaction, Brain Station 23
has earned a reputation for delivering cutting-edge technology solutions that
drive businesses forward in the digital age.

4
Chapter 2

Organisation Overview

2.1 Company Profile

1. Company’s History: Brain Station 23 was founded in 2006 by Raisul
Kabir, a fresh graduate of Bangladesh University of Engineering and
Technology (BUET). Kabir started the company with little capital but
a big vision: to build a world-class software development company in
Bangladesh.The company initially focused on the international mar-
ket, and quickly gained a reputation for its high-quality work and com-
petitive pricing. In 2010, Brain Station 23 expanded into the local
market, and has since become one of the leading software development
companies in Bangladesh.Over the years, Brain Station 23 has grown
rapidly, both in terms of size and capabilities. The company now has a
team of over 700 experienced software engineers, and offices in Dhaka,
Bangladesh, and Utrecht, Netherlands.

2 Company’s Mission: To use technology to create success and happiness for

customers, employees, and the community.

3 Company’s Core Activities: Brain Station 23 engages in its core activities

using a variety of tools, programming languages, and databases to de-
liver high-quality technology solutions. Some of our core activities are
highlited below:

UI/UX design tools:

• Adobe XD
• Figma
• Sketch

5
 Programming Languages:

• Python
• Java
• JavaScript
• TypeScript
• Go
• C/C++
• PHP

Databases:

• MySQL
• PostgreSQL
• MongoDB
• Cassandra

2.2 Role and Responsibilities

During our industrial attachment, our primary role revolved around assist-
ing in the development process, particularly in the field of web development.
Our key responsibilities began with front-end design work and back-end de-
sign work. The project we make to aimed at establishing a user-friendly
e-commerce platform, with a primary focus on enhancing navigation and im-
proving various user amenities.Within this project, our duties encompassed
tasks such as coding, debugging, and the creation of web applications. We
learned and worked under the guidance and supervision of experienced se-
nior developers. The project we are currently engaged in remains dedicated
to crafting an e-commerce website that is not only user-friendly but also
provides personalized user experiences. Our primary contributions revolve
around shaping the front-end design and optimizing the website for superior
performance and ease of use.Our core responsibilities within this role included
active participation in the development process, close collaboration with our
team members, and a steadfast commitment to delivering high-quality web
solutions promptly.

6
Chapter 3

Project Description

3.1 Project Title

KING.E E-commerce Website

3.2 Project Scope

Scope
1. User Registration and Login Profile: Users should have the option
to register and login their profiles.
2. Product Information: Product Can be added by personal user based
and also can be edit.
3. Responsive Design: Ensuring that the front end is responsive and
com- patible with various devices, including desktops, tablets, and
mobile phones.
Objectives
1. Design an attractive and user-friendly restaurant website
2. Create user registration and login features for a personalized experi-
ence.
3. Develop a responsive user interface to cater to different devices and
screen sizes.

3.3 Technologies Used

1. JavaScript

7
2. HTML

3. React

4. CSS

5. Firebase

6. MongoDB

8
Chapter 4

Project Execution

4.1 Methodology
Approach: Create a website that shows the recipes of all available brands
products. This project is made based on 6 brands and user can by and
add product by the brand Wise. And every user card are saved by their
own authorization.
Methodologies:
1. Create Navbar
2. Create login and logout button.
3. Create a Registration page
4. On the Homepage, there is a slider section and a brand section.
5. Create a reasonable footer
Frameworks:
1. Navbar and footer are present on home pages.
2. In the navbar have the website name, logo, Home,login, addproduct,dark-
light button and mycart. If the user is signed in, the navbar will
show the profile picture of user,name and log out button.
3. When a user clicks on the login button, they will be redirected to the
login page having the following(Email/password, Google signin)
and also have a link that will redirect to the registration page.
4. On the Homepage there will be a slider section with background im-
age.
5. The Registration page have the Email/Password form having the
fol- lowing fields: Name, Email and Password .

9
 6. The home page have a slider section,a brand section, Why Choose
Us section and footer section .brand section have six cards. Each
card have the brand information
7. When a user clicks on a brand , he/she will be redirected to the
brand details page

4.2 Challenges Faced

As the project scales, managing the codebase and keeping it maintainable
is a challenge.So we follow the best practices for project structure . Utilize
code splitting, lazy loading, and we maintained a well-documented codebase.
Continuous integration also helps maintained the project’s quality. Again
dandifying and fixing bugs can be time-consuming. So we use debugging tools
like console, React DevTools to catch and fix issues early in the development
process.(perafrase it)

10
Chapter 5

Skills and Knowledge Gained

5.1 Technical Skills

1. React.js: Learning and enhancing proficiency in building user interfaces
with React.js.

2. Responsive Web Design: Understanding how to create responsive web

applications that adapt to various screen sizes and devices.

3. Routing: Understanding client-side routing with libraries like React Router

to manage application navigation.

4. Debugging Tools: Learning to use debugging tools like React DevTools

to identify and fix issues.

5. Package Management: Learning how to manage project dependencies us-

ing npm.

6. Build and Deployment: Acquiring knowledge of build tools like npm and
deploying React applications to web servers.

5.2 Problem-Solving
Overcoming challenges in an e-commerce project requires us to combine
problem-solving skills, teamwork, and technical expertise. In the following
section, I will discuss how we applied problem-solving skills to tackle various
challenges in our e-commerce project:

1. Responsive Design:

11
 Problem: The website didn’t render properly on different devices
and screen sizes.
Solution: We used media queries and flexbox/grid layout to create
a responsive design. We thoroughly tested the website on various
devices and browsers to ensure it looked and worked well every-
where.
2. Performance Optimization:
Problem: The website was slow, leading to a poor user experience.
Solution: We profiled the application to identify bottlenecks. We
optimized the code, reduced unnecessary re-renders, and imple-
mented lazy loading for images. Additionally, we used techniques
like code splitting to load only the necessary code for each page.
3. Documentation and Knowledge Sharing:
Problem: We struggled to understand and maintain the codebase.
Solution: We created detailed documentation, code comments, and
knowledge-sharing sessions. We also organized regular code re-
views to ensure everyone was on the same page and maintained
coding stan- dards.

12
Chapter 6

Project Outcomes

6.1 Achievements
The ”KING-E” website project, we achieved several key accomplishments
and outcomes:
• Responsiveness: Our website was optimized for various devices.
• User-Friendly Navigation: A user-friendly interface was implemented,
making it easy for visitors.
• Interactive Menu Display: It provided an interactive menu display that
allowed users to view brand product, including product picture and
prices, and add to add new and details to learn more about the product.
In summary, the ”KING-E” website project successfully elevated the
brand and can also order and can delete their order.

6.2 Impact
Impact on the Company or its Operations:
• Cost Savings: While the initial investment in the project may be sig-
nificant, it can lead to cost savings.
• Improved Customer Experience: A user-friendly website enhances cus-
tomer satisfaction and encourages repeat purchases.
• Competitive Advantage: A User friendly, aesthetically pleasing our
project can set them apart from competitors and attract a larger share
of the market.

13
 • Brand Image: A well-designed, secure website enhances the company’s
online reputation and builds trust with customers.

• Global Reach: An online presence allows the company to reach a global

audience, potentially increasing its customer base.

• Marketing Opportunities: The e-commerce platform can be integrated

with digital marketing efforts.

In conclusion, a successful E-commerce web development project can have a

transformative impact on a company.

14
Chapter 7

Personal and Professional

Development

7.1 Learning Experience

Our time during the industrial attachment was marked by a valuable oppor-
tunity to contribute to the frontend development of an e-commerce website.
This experience, in numerous ways, has been a transformative journey, fos-
tering growth and development on both personal and professional fronts.

• Problem-Solving Abilities: We developed problem-solving skills by re-

searching solutions, experimenting with different approaches, and col-
laborating with team members to overcome obstacles.

• Communication and Teamwork: In a professional environment, effec-

tive communication and teamwork are crucial. We improved our com-
munication skills by regularly discussing project progress with team
members.

• Technical Skills Enhancement: Working on the e-commerce website

project provided us with hands-on experience in web development tech-
nologies such as HTML, CSS, JavaScript, and various frontend frame-
works. We learned how to create responsive and visually appealing
user interfaces, implement interactive features, and optimize web per-
formance. These technical skills have significantly improved our profi-
ciency in frontend development.

• Professional Networking: Our time in the industry allowed us to es-

tablish professional connections and gain insight into the broader field

15
 of e-commerce. Building a network of contacts can be beneficial for
future career opportunities.

7.2 Future Career Goals

We may have developed a deeper understanding of the e-commerce sector
as a result of the exposure to many facets of the industry throughout our
industrial attachment time. Whether we decide to pursue a profession in
frontend development, UX design, digital marketing, or e-commerce man-
agement, having this knowledge will help us make better decisions.

Our enthusiasm for web development and e-commerce may be stoked

by the interesting and pleasurable work we did on the e-commerce website
project. One’s job objectives are greatly influenced by such motivation and
desire. A formative experience in our professional journey, it can open doors
to a range of career routes and the abilities learned can be used to other
businesses and professions.

16
Chapter 8

Conclusion

My industrial visit to Brain Station 23 was an invaluable experience that

gave me a firsthand look at the workings of a leading software development
company. I was impressed by the company’s commitment to innovation, its
focus on quality, and its collaborative work environment.

During my visit, I had the opportunity to learn about the company’s var-
ious projects and services, as well as its core values and mission. I also had
the chance to interact with a number of experienced engineers and develop-
ers, who shared their insights and knowledge with me.

One of the most important things I learned during my visit was the impor-
tance of teamwork and collaboration in software development. Brain Station
23’s engineers work closely together to design, develop, and test complex
software solutions. This collaborative approach allows the company to de-
liver high-quality products on time and within budget.

I also learned about the importance of continuous learning and develop-

ment in the software industry. Brain Station 23 encourages its employees to
stay up-to-date on the latest technologies and trends. This helps the com-
pany to maintain its competitive edge and deliver innovative solutions to its
clients.

Overall, my industrial visit to Brain Station 23 was an extremely positive

and informative experience. I learned a great deal about the software devel-
opment industry and the inner workings of a leading software development
company. I am grateful for the opportunity to have visited Brain Station 23
and I am confident that the knowledge and skills I gained will be valuable to
me in my future career.

17
18
Acknowledgments

A sample acknowledgement has been given

We would like to express our sincere gratitude and appreciation to the Brain
station 23, a renowned and tope rank software company in Bangladesh for
pro- viding us with this invaluable opportunity to work with them. Under
the guidance of Mohoiminle Islam, who was our supervisor during this in-
dustrial attachment, we had the privilege to gain hands-on experience in the
field of software development and technology.

This industrial attachment proved to be a transformative and enriching

ex- perience. Working at Brain station 23, We were exposed to cutting-edge
software development practices and technologies. Mr. Mohoiminle Islam, our
supervisor, played a pivotal role in our professional development. He was al-
ways available to provide guidance and support, generously sharing his vast
knowledge and expertise in the software industry. His constructive feedback
and suggestions greatly contributed to our growth and improvement.

We are immensely grateful to Brain station 23 for entrusting us with

the opportunity to work on engaging and impactful projects. I believe that
the knowledge we gain during our attachment has made a significant contri-
bution to my life.

Our time at Brain station 23 was not only educational but also enjoyable.
We relished every moment of our industrial attachment and the challenges
it presented. We wholeheartedly recommend this program to anyone inter-
ested in pursuing a career in software development or related fields. We are
confident that the skills and knowledge we acquired during this attachment
will be invaluable in our future academic and professional pursuits.

19
Appendices

fig1: Navber

20
fig2: Footer

fig3: Brand section

21
fig4: Sign Up page

22
fig5: Login page

fig6: Brand Product

23