Internship Report on React Native & Next.js
Internship Report on React Native & Next.js
Simalchaur, Pokhara – 8
An Internship Report on
Able Innovation
Shivalaya Chowk, Pokhara – 8
Submitted by:
Simalchaur, Pokhara – 8
An Internship Report on
Able Innovation
Shivalaya Chowk, Pokhara – 8
Submitted by:
ii
Student’s Declaration
I hereby declare that the internship report entitled ‘An Internship Report on React
Native and [Link]’ submitted for the partial fulfillment of my BCA degree is my
original work and the internship report has not formed the basis for the award of any
degree, diploma, or other similar titles.
iii
CERTIFICATE of APPROVAL
This is to certify that Mr. Prabhat Raj Poudel, the student of 7th Semester at LA
GRANDEE International College, with PU registration number 2021-1-53-0066,
under the BCA department, has successfully completed his internship.
We have examined the report and hereby, approve her work as per the requirement
for the partial fulfillment of the degree of Bachelor of Computer Application under
Pokhara University.
iv
Acknowledgment
With this in mind, I would like to take this opportunity to extend my deepest
appreciation and special thanks to Er. Kiran K.C., Principal, and Mr. Kundan
Chaudhary, Supervisor and BCA Coordinator at LA GRANDEE International
College.
v
Executive Summary
The purpose of this report is to explain what I have done and learned during my
internship period in the organization “Able Innovation” In this comprehensive
report, I have discussed every major aspect of the organization which I had observed
and perceived during my internship period.
The internal working architecture of the organization and also the objectives,
products, and services provided by the organization are demonstrated in this report.
Deep study and thorough analysis help to know the strength, weaknesses,
opportunities, and threats of the organization. Able Innovation provided teamwork
and Mutual Corporation among its staff.
vi
Table of Contents
1. Introduction...............................................................................................................1
2. Objectives of Internship.............................................................................................2
5. Narrative:.................................................................................................................15
vii
5.8. Eighth week:....................................................................................................20
6. Internship Activities:...............................................................................................22
7. Internship Discussion:.............................................................................................24
8. Conclusion:.............................................................................................................26
10. References:..............................................................................................................29
11. Annex......................................................................................................................30
11.1. Certificate........................................................................................................30
11.2. Attendance.......................................................................................................31
viii
List of Figures
Figure 3.1: Organization Logo………………………….………...…...…...………….3
Figure 3.4: Organizational Hierarchy……………………………...………...…….…..7
Figure 11.1: Certificate………………………………………………………….……32
Figure 11.2: Attendance………………………….………...………….……….…….33
Figure 11.3: Curriculum Vitae………………………….……………….….………..34
Figure 11.4: Organization Workspace Pictures……….……………..….……..……..35
Figure 11.5: Work Screenshots & other supporting materials………….………...….36
ix
Abbreviations
x
VS Visual Studio
xi
1. Introduction
Designed to bridge the gap between academics and industry, internships provide
students who are new to the field with valuable hands-on experience in a professional
environment. They significantly enhance a resume by showcasing practical work
experience and offer a unique opportunity to apply classroom theories to real-world
situations. Without a doubt, internships play a vital role in deepening one’s
understanding and expertise in a given field.
1
2. Objectives of Internship
The internship program broadens students’ horizons by offering learning experiences
that extend beyond traditional coursework and classroom instruction. It enables
students to translate theoretical concepts into practical applications, equipping them
with valuable skills that contribute to both their academic growth and future career
success.
2
3. Overview of the Organization:
3.1. Introduction of the Organization:
Company Details:
Website: [Link]
3
3.2. Mission, Vision and Objectives
3.2.1. Mission:
Integrate creativity, innovation, and expertise to enhance user experience and
satisfaction.
Equip businesses with the latest technology and strategic insights for sustainable
progress.
Provide businesses with cutting-edge digital solutions that accelerate growth and
efficiency.
3.2.2. Vision:
Offer customized, user-centric products that cater to the unique needs of
businesses worldwide.
Become the most trusted provider of innovative digital solutions, recognized for
excellence and reliability.
Lead the way in making advanced digital solutions accessible, efficient, and
results-driven.
3.2.3. Objective:
To maintain a high level of reliability and personalized solutions for all clients.
Allows users and businesses to Elevate their online presence and reach new heights
with the company’s data-driven digital marketing strategies, tailored to business
objectives, to maximize brand visibility, drive targeted traffic, and achieve
measurable results.
Able Innovation aims to unlock individuals full potential with the comprehensive and
hands-on training classes, where experiences instructors provide expert guidance and
empower peoples with the skills and knowledge needed to excel in the world of
software development.
Expert team of web developers crafts innovative and user-centric websites tailored to
your unique needs, ensuring a seamless digital experience for your audience.
Able Innovation Elevate users digital presence with captivating graphics and
seamless UI/UX designs, creating visually stunning and user-friendly experiences
that leave a lasting impact and drive engagement.
3.3.5. SEO:
Enhances users online visibility and drive organic traffic to websites with result-
oriented SEO.
5
website’s ranking, increase conversions, and boost online presence.
Transforms ideas into powerful applications with expert app development services,
leveraging the latest technologies and best practices, including Flutter and React
Native, to create feature-rich mobile and web applications that deliver exceptional
user experiences and drive business growth.
6
Fig3.4: Organizational Hierarchy
Able Innovation owns various devices, with the help of these devices in which they
are working on helps to fulfill the needs of clients. The lists of the components are:
Computer Hardware:
• Dell Monitors
• HP Desktops
• MSI Laptops
• Wacom tablets
Operating Systems:
7
• Linux operating system
• Microsoft Windows OS
• Mac OS
Networking:
Software:
• Vs Code
• X code
Programming Languages
• JavaScript
• TypeScript
• Dart
Able Innovation has established a strong presence in both local and international
markets by delivering cutting-edge digital solutions and exceptional customer service.
1. Local Market:
Able Innovation is a leading provider of software and IT solutions in Nepal,
serving various industries, including education, healthcare, commerce, and
hospitality.
The company collaborates with businesses, educational institutions, and
organizations in major cities such as Kathmandu, Pokhara, Lalitpur, Bhaktapur,
and other regions to drive digital transformation.
2. International Market:
With a focus on innovation and reliability, Able Innovation has expanded its
services beyond Nepal, catering to clients in international markets.
The company is actively exploring global business opportunities, offering
customized software solutions and IT services to businesses worldwide.
8
The Intern Department at Able Innovation plays an essential role in nurturing young
talent in software development, mobile app development, QA, and digital marketing.
Annually, the company typically recruits around twenty-five interns, offering 3-
month and 6-month internships based on their academic schedules and availability.
Potential interns start by submitting their CVs for evaluation, where their skills and
qualifications are assessed. Those who meet the criteria are called for interviews,
where they showcase their abilities and present their projects. The selection of
interns is based on their interview performance, skills, and project reviews. Once
selected, each group of interns is assigned a mentor from the company who offers
guidance and support during development. Interns collaborate closely with the
development team under the CEO's supervision, contributing actively to projects.
This structured approach provides valuable experience for interns while enhancing
the company's development efforts.
3.7.1. Strengths
Innovative Technology: Able Innovation stands out for its cutting-edge financial
solutions, driven by the latest technological advancements.
Skilled Leadership: The company is guided by a knowledgeable leadership team
with extensive expertise in the financial sector.
Strong Brand Reputation: Able Innovation has earned a solid reputation for
providing outstanding customer service, which has built trust with its clients.
3.7.2. Weakness:
Challenges in Market Expansion: A significant portion of the company’s
revenue relies on a few major clients, which makes it vulnerable to losing them.
Dependence on Key Clients: Able Innovation likely has a team of experienced
professionals capable of delivering high-quality services across various domains.
3.7.3. Opportunities:
9
Expansion into new markets: Able Innovation can explore opportunities to
expand its services into new geographic regions or industry verticals to tap into
new customer segments.
Enhancing Digital Security: Strengthening digital security measures would help
build trust with clients and maintain a competitive edge.
Strategic partnerships: Forming partnerships with other businesses or platforms
could help Able Innovation expand its reach and offerings.
3.7.4. Threats:
Intense Competition: While the company may have established a presence, it
might still be limited to a certain geographic region or industry verticals,
hindering its growth potential.
Unpredictable Regulatory Changes: The IT solutions market is highly
competitive, with many established players and new entrants vying for clients.
Able Innovation must continuously innovate to stay ahead of the competition.
Fast-paced Technological Change: Given the rapidly evolving nature of
technology, there might be a need for continuous training and upskilling of
employees to stay updated with the latest trends and technologies.
10
4. Overview of the Work Performed:
4.1. Job Details
During my 8-week internship at Able Innovation, I had the incredible opportunity to
work as a Mobile Application Developer under the supervision of Mr. Omkar Sharma
and Mr. Sandesh Timilsina. As a Mobile Application Developer, I created the Gadget
app called “Electrokart” using React Native Expo for users and [Link] for the admin
side. This internship presented me with numerous learning opportunities as I
developed various projects.
This internship has been a remarkable experience, providing me with valuable insights
and practical knowledge in mobile application development.
11
development efforts with project goals and client expectations.
Clean and Efficient Code Production: Adhered to coding best practices and
standards, producing clean and efficient code based on project specifications. This
approach aimed to maintain overall integrity and reliability.
12
Leadership Team:
Mr. Omraj Poudel, Chief Executive Officer (CEO): Mr. Poudel provides visionary
leadership for the organization, ensuring that Able Innovation remains at the forefront
of technology and research. His strategic direction fosters a culture of continuous
innovation and excellence.
Mr. Sandesh Timilsina, Chief Operating Officer (COO): Mr. Timilsina oversees
operational strategies and ensures smooth execution of projects. His expertise in
management and technology helps the company maintain efficiency and high-quality
standards.
Mr. Bhimsen Sharma, System Security Officer (SSO): Mr. Sharma is responsible
for maintaining the security of the organization’s systems and infrastructure. His role
is crucial in implementing cybersecurity measures and ensuring data protection.
Development Team:
Mr. Bipin Acharya, App Developer/Country Manager (AUS): Mr. Acharya leads
mobile app development while managing the company’s operations in Australia. His
expertise in app development plays a vital role in delivering high-quality applications.
Ms. Susan Thapa, App Developer: MS. Thapa contributes to mobile application
development with her skills in Flutter and UI/UX design. She works on building
seamless user experiences.
Ms. Kranti Baral, Full Stack Developer: MS. Baral is involved in both frontend and
backend development, ensuring the functionality and responsiveness of web and
mobile applications.
Internship Team:
Intern – Prabhat Raj Poudel (Self): During my internship, I was responsible for
contributing to the development and management of the organization’s mobile-based
projects. My role involved designing and implementing both front-end and back-end
components using React Native with Expo, [Link], TypeScript, and Supabase, along
with integrating APIs for dynamic functionality.
13
Working closely with experienced professionals such as Mr. Omraj Sharma and other
team members, I gained valuable hands-on experience in mobile app development,
backend integration, and team collaboration. This opportunity helped me enhance my
problem-solving skills and deepen my understanding of real-world application
development.
The collaborative work environment allowed for efficient project completion while
fostering learning and professional growth. This experience greatly expanded my
technical abilities and provided insight into the dynamics of a professional workplace.
14
5. Narrative:
5.1. First week:
During the first week of my internship, I got to know about the working environment
of the company. The CEO of the company, Mr. Sandesh Timilsina, and my team had
a brief interview, where he informed me about the company policy, including rules
and regulations. I was guided by our IT and Cyber Security head, Mr. Omkar Sharma,
who introduced me to the project I was going to work on.
Implemented Expo Router, a file-based router for React Native and web
applications. It allows seamless navigation between screens in the app, using the
same components on multiple platforms (Android, iOS, and web).
Created a product category page that shows products of the associated categories.
Can navigate to the product category page from the category section.
Can also view product details by clicking on the product, allowing users to add
the product to the cart as well.
15
[Link] Product Details Page:
The page displays details of the product, including the product's price.
Zustand is a small, fast, and scalable state management library for React applications.
It provides a simple and flexible way to manage states without the boilerplate code
commonly found in other state management libraries.
Imported create function from Zustand to create a store, and used it to set up a
store for the cart state
Defined state variables and actions within the store for cart state management
Developed the cart page to show the products users have added for purchase.
Created the orders page that displays the status of orders such as shipped,
pending, and in transit.
During the third week of my internship, my focus shifted to working with Supabase
for the Able Innovations Gadget App. Below are the tasks I completed during this
week:
[Link] Management:
Managed row-level security of the tables to ensure data privacy and integrity.
Managed row-level security of the tables to ensure data privacy and integrity.
[Link] [Link]:
Used the command npx create-next-app@latest to install [Link] and set up the
project.
17
2. Installed Shadcn UI:
Developed a dedicated product management page within the app to enable admins
to view, edit, and manage product details efficiently.
Implemented full CRUD (Create, Read, Update, Delete) operations for products,
ensuring that the product database remains up-to-date. This involved creating new
products, retrieving existing product data, updating product information, and
deleting products when necessary.
Created Order table that includes order details to handle order data effectively.
Implemented features that show ordered products, their total price, the order date,
and the order status (e.g., pending, shipped, in transit and completed). This
ensures users can easily view and track their order history within the application.
Created a fully featured admin order dashboard with the following features:
19
admin order dashboard.
Includes the order created date, user ID associated with the order, order
description, total price, and quantity of ordered items.
Allows admins to view the detailed list of products within each order.
During the eighth week of my internship, I focused on building various charts and the
home page for the Able Innovations Gadget App. Below are the tasks I completed
during this week:
1. Installed Recharts:
Implemented a Bar Graph chart to display product categories, to show how many
products of each categories have been sold.
Used a Card to show the latest users, offering insights into user registration and
engagement.
20
provide a comprehensive and user-friendly interface.
During the ninth week of my internship, I dedicated my effort to building the home
page, implementing admin login and signup, and integrating a payment method for
the Able Innovations Gadget App. Below are the tasks I completed during this week:
Managed role distribution in the users table to ensure proper access control.
Ensured that only admin users can access the [Link] admin panel.
3. Payment Integration
21
6. Internship Activities:
6.1. Core Theoretical Concept Vs Practical Experience
One of the major objectives of the internship is to implement the theories into practice
by which we got to learn more than ever. We also discovered our interests and
strengths. Likewise, we learned proper work ethics and communication skills by
working in a real environment under the leadership of our supervisors and CEOs. This
internship program also taught us time management skills, self-learning, and
discipline and helps us grow professionally in a professional environment.
23
7. Internship Discussion:
7.1 How internship objective achieved?
One of the major objectives of the internship was to translate theoretical knowledge
into practical application, allowing us to learn more than ever before. In the process,
we discovered our interests and strengths. Additionally, we developed proper work
ethics and communication skills by working in a real-world environment under the
guidance of our supervisors and CEOs. This internship program also fostered our
time management skills, self-learning abilities, and discipline, contributing to our
professional growth in a structured setting.
Problem Solving: I realized that every task given is similar to being presented with a
problem to solve. Successfully completing a task equates to solving that problem.
During this time, I learned how to tackle various challenges and developed strong
problem-solving skills. Some of the other skills include:
• Analytical skills
• Interpersonal skills
• Organizational skills
24
leaving us unsure of what exactly needs to be done. While we don’t want to be a
burden, it’s hard to proceed without clear guidance. Should we reach out for
clarification again, or try to figure it out independently?
Lack of Feedback: After working on assignments for a few weeks, it can feel like
we’re not receiving enough feedback, whether positive or constructive. We want to
know how we are performing and if there are areas for improvement, but without any
input from our supervisor, it’s difficult to gauge how we’re doing. Should we remain
quiet, assuming everything is fine, or ask for feedback proactively?
In college, projects often have extended timelines with fewer constraints, while real-
world applications must be developed within strict deadlines, requiring adaptability to
shifting requirements. Maintaining a high standard of quality is essential, as errors can
have significant consequences. To uphold professionalism and ensure smooth
operations, organizations enforce strict policies and guidelines.
25
8. Conclusion:
In My internship at Able Innovation Pvt. Ltd. has been an insightful and rewarding
experience. It was a completely new journey, but with the guidance of my supervisors
and support from my colleagues, I was able to learn and grow in a professional
environment. Throughout this period, I worked on projects involving React Native
with Expo, [Link], TypeScript, and Supabase, which allowed me to gain practical
experience in full-stack development. I developed essential skills such as problem-
solving, time management, and adaptability while working on real-world
applications.
This experience helped me identify my strengths and areas for improvement while
providing me with a solid foundation in mobile and web development. I had the
opportunity to integrate REST APIs, manage state efficiently, and optimize
application performance. Collaborating with experienced professionals also gave me
valuable insights into best practices in software development, enhancing my ability to
write clean and maintainable code.
Working on React Native and [Link] projects exposed me to key aspects of front-end
and back-end development. I learned how to build user-friendly interfaces, implement
authentication systems, and ensure smooth interactions between the client and server.
Additionally, I gained experience in handling real-time data using Supabase, which
strengthened my understanding of database management and cloud services.
Moreover, I realized the importance of continuous learning in the fast-paced tech
industry. Staying updated with emerging tools and frameworks is crucial for long-
term growth. My time at Able Innovation Pvt. Ltd. has been instrumental in shaping
my technical expertise and professional mindset. I am truly grateful for this
opportunity and look forward to applying the knowledge and experience gained to
future projects and career opportunities.
26
9. Future Prospects and Recommendations:
As I reflect on my internship experience, I have gained valuable insights into the
dynamics of both the organization and the personal growth I have achieved. Moving
forward, I have outlined several prospects and recommendations that can help the
organization thrive and guide future interns on their journeys. Additionally, I have
developed a personal roadmap for advancing my career based on my internship
experience, focusing on continual growth and expanding my expertise in emerging
technologies. Below are the key recommendations for both the organization and
future interns, as well as my career plans post-internship.
27
career prospects
Network with industry professionals and participate in tech communities for
career growth.
Seek mentorship from senior professionals to gain insights into industry best
practices, refine technical skills, and learn about leadership and management
within tech teams.
28
10. References:
Internship Report. (2018). [Link].
[Link] content/uploads/2020/10/Internship-
[Link]
Facebook. (2022). React Native documentation. Retrieved from
[Link]
Expo. (2024). Introduction to Expo. Retrieved from [Link]
started/
Vercel. (2021). [Link] documentation. Retrieved from [Link] Soni,
H. (2021). Mastering React Native: A comprehensive guide to building cross-
platform apps. Packt Publishing.
Grinberg, M. (2020). React Native for mobile development: Build native mobile
apps with JavaScript. Apress.
Expo. (2022). Expo SDK documentation. Retrieved from
[Link]
Kalloo, S. (2020). React Native and Expo: Building cross-platform apps with React
Native and Expo. O'Reilly Media.
Housel, S. (2021). Learning [Link]: A hands-on guide to building full-stack web
applications with [Link]. Packt Publishing.
Mironov, D. (2022). The ultimate guide to building mobile apps with React Native
and Expo. Retrieved from [Link]
native-expo/
29
11. Annex
11.1. Certificate
30 Completion Certificate
Figure 11.1: Internship
11.2. Attendance
31
32
Figure 11.2: Attendance
33
11.3. Curriculum Vitae
34
11.4. Organization Workspace Pictures
35
11.5. Work Snapshot and Additional Supporting Materials
36
37
Figure 11.5: Work Screenshots and other supporting materials
38