INTERN

I N T E L L I G E N C E

FRONTEND
DEVELOPMENT
Intern Intelligence
ABOUT US
Intern Intelligence is a
pioneering organization
dedicated to nurturing interns
and achieving ambitious goals.
Our mission is to support interns
in building successful careers
through innovative approaches
and unwavering support. We
aim to make significant strides
and set new benchmarks in the
industry, fostering the next
generation of leaders.
 INSTRUCTION

ID: Your unique ID, provided in the offer letter, is crucial. Keep it safe as you will
need it for task submission.

Task Submission Link: The link for task submission will be emailed to you within
approximately one week.
 Submission

Task Submission: You will need to complete at least 2 tasks for successful
completion of internship.

Task Completion: As part of your internship, you will be assigned several tasks.
After completing each task, please record a video demonstrating your work and
share it on LinkedIn, again using the hashtag #internintelligence and tagging
@InternIntelligence.

GitHub Repository: Upload all completed tasks to GitHub. Name your repository in
the format InternIntelligence_ProjectName.
 About Internship

COMPLETION PLACEMENT NETWORK

You will need to complete at least 2 tasks for successful completion of internship.
 (Easy) TASK 1
LOGIN PAGE
Task Description: Design a login page according to the guidelines below. The page should be user-friendly,
secure, and visually appealing. Ensure that the design is consistent with the overall website theme and meets the
required functionality.
Requirements:
Form Fields: Username/Email, Password, Remember Me checkbox, Login button, Forgot
Password link, Sign Up link
Design: Modern look, consistent colors, subtle animations, responsive
Functionality: Form validation, clear error messages, secure password handling
API:
Integrate authentication API with Firebase.

DEMO:CLICK
 (Easy) TASK 2
PORTFOLIO
Creating a personal portfolio is a popular beginner web development project.
Task Description: Create a website design following the guidelines below. Your design should be carefully crafted and consistent
in terms of animations, colors, and layout. You have the freedom to use APIs for data retrieval or manually input the data. Note that
for the Contact section, having only the design is sufficient.
Example Page: Home
Introduction: A dynamic and engaging introduction structure.
Design: An eye-catching and cohesive look with animations and colors.
Content: A brief overview and access to key information.
Design Requirements:
Animations: Suitable animations to make the page dynamic and interactive.
Colors: A harmonious and non-straining color palette throughout the site.
Layout: Everything should be orderly, accessible, and aesthetically pleasing.
Overall Aesthetics: A modern, user-friendly, and professional appearance.
API Usage:
You can use APIs to retrieve data dynamically.
Alternatively, you may manually input the data.
DEMO:CLICK
 (Medium) TASK 3
MOVIE WEBSITE
Task Description: Develop a movie promotional website that fetches data from APIs like TMDB. The site should include the
following features

Pages:
Home: Display a summary of movies, featured content, and recent updates.
About: Information about the site or the creators.
Contact: Contact form or information.
Movie Details: A page where users can view detailed information about individual movies.
And other pages like movies, blogs etc.
Design:
Modern, visually appealing layout.
Consistent use of colors and animations.
Responsive design for various devices.
Functionality:
Integrate with movie APIs (e.g., TMDB) to fetch and display movie data.
Display detailed movie information on dedicated pages.
Implement search and filtering options for users to explore movies. DEMO:CLICK
 (Advanced) TASK 4
E-COMMERCE WEBSITE
Task Description: Create an e-commerce website with the following features
Pages:
Home: Show featured products, categories, and promotions.
Product List: Display products with filters and sorting options.
Product Details: Detailed view of individual products.
Cart: Manage and review items in the shopping cart.
Checkout: Secure checkout process.
Contact: Contact form or information.
Design:
Clean and user-friendly interface.
Consistent branding and responsive layout.
Functionality:
Integration with a payment gateway.
Product management and search functionality.
User account creation and management.
DEMO:CLICK
 (Advanced) TASK 5
BANKING WEBSITE
Task Description: Develop a banking application with the following features. Ensure robust security and user-friendly design.
Pages:
Dashboard: Overview of account balances, recent transactions, and quick actions.
Account Details: Detailed view of individual accounts and transactions.
Transfer Funds: Interface for transferring funds between accounts or to other users.
Bill Payments: Manage and pay bills.
Transaction History: Detailed history of transactions with search and filter options.
Settings: Manage account settings, security options, and personal information.
Design:
Clean, professional, and secure interface.
Consistent design with responsive layout.
Functionality:
API Integration: Use APIs for account data, transactions, and payments.Firebase or any database you can use.
Secure authentication and authorization.
Real-time transaction updates and notifications.
DEMO:CLICK
Connect
with us.
E-mail
hr.internintelligence@gmail.com

LinkedIn
@Intern Intelligence

Instagram
InternIntelligence

Telegram
InternIntelligence