Midsem Internship
Midsem Internship
EC401
MIDSEM 2025
2/9
Objectives
• Implement the client-side of the IPO Web Application and ensure the UI aligns
with the Figma UI/UX design provided by the company.
• Develop front-end components to display IPO-related details such as company
name, price band, opening and closing dates, issue size, listing date, and status.
• Design an admin panel for managing IPO listings and viewing analytics.
• Implement necessary security measures to protect user data and prevent
vulnerabilities.
3/9
What is an IPO?
4/9
Technologies
HTML5
• Used for structuring the content of web pages.
• Helps to create basic layouts and semantic elements (e.g., headers, footers,
navigation menus).
CSS3
• Used for styling web pages, including layouts, colors, typography, and animations.
• Bootstrap: A popular CSS framework for building responsive layouts with
ready-made UI components.
JavaScript
• Helps in building features like login, registration, and interactive elements on the
homepage and dashboard.
• React.js: A JavaScript library for building user interfaces, especially useful for
creating dynamic, component-based structures such as the homepage,
login/signup forms, and admin dashboard.
5/9
UI Design
6/9
UI Design
7/9
Conclusion and Future work
• Sign-In and Sign-Up pages for a web application. The Sign-In page allows users to
securely log into their accounts by providing their credentials, while the Sign-Up
page offers a seamless registration process for new users.
• Future work will be developing admin page and implementing additional security
mechanisms.
• Linking the front-end to a backend server for processing user authentication,
registration, and data storage.
• After login, providing the ability for users to manage their profiles, including
changing their password, updating personal details, and viewing their activity.
8/9
THANK YOU!
9/9