The document outlines an internship on full stack web development at Bionic Engineers, a Bangalore-based startup established in 2020. It details training sessions on HTML, CSS, JavaScript, and project work focused on creating a website for the company, utilizing tools like MySQL, Git, and GitHub for development. The summary also includes the roles of team members in creating different pages of the website and mentions software and hardware requirements for the project.

1. INTERNSHIP – FULL
STACK WEB
DEVELOPMENT
FROM BIONIC ENGINEERS
DONE BY – RAVI PRAKASH SINGH

2. About Company
Bionic Engineers is a startup engineering consultant company, based in
Bangalore established in 2020.
It is a digital service provider that aims to provide software, designing and
marketing solutions to individuals and businesses.
It also provides 3D printing, Vinyl printing and Academic projects.
It provides specialized workshops as well as internships for students on
professional domains.

3. About Internship
20/08-22/08 : HTML,CSS trainings -6hrs
24/08-01/09: Front end Project development – Basic webpage on
tribute to Covid Frontline Warriors.
02/09: Submission date for FrontEnd Project.
3/09-11/09: Training on JavaScript, NodeJS and ReactJS along with
MongoDB, git and github-14-15 hours
12/09 to 19/09 : Full Stack(Main) Project development – Placement
training website for Quient trainings Pvt. Ltd.
20/09- Submission date of main project.

4. Full Stack Project
This project is based on Full Stack Web Development And its
Applications.
The main objective of this project is the implementation of HTML, CSS,
JavaScript and SQL to create a website for BIONIC ENGINEERS.
The basic webpage of this project is created using HTML and JavaScript
and the styling of the webpage is done using CSS.
MySQL was used in the backend of the project to store the entries
which are entered by the users.
Git was used to make real time changes in the database.
GitHub was the website used for working on the project collaboratively
with the team members.

5. HTML
The Hyper Text Markup Language or HTML is the standard
markup language for documents designed to be displayed in a
web browser. It can be assisted by technologies such as Cascading
Style Sheets and scripting languages such as JavaScript.
Web browsers receive HTML documents from a web server or
from local storage and render the documents into multimedia web
pages. HTML describes the structure of a web page semantically
and originally included cues for the appearance of the document.

6. CSS(cascading style sheets):
Cascading Style Sheets is a style sheet language used for describing the
presentation of a document written in a markup language such as HTML
or XML. CSS is a cornerstone technology of the World Wide Web,
alongside HTML and JavaScript.
CSS is designed to enable the separation of presentation and content,
including layout, colors, and fonts.[3] This separation can improve
content accessibility; provide more flexibility and control in the
specification of presentation characteristics; enable multiple web pages
to share formatting by specifying the relevant CSS in a separate .css file,
which reduces complexity and repetition in the structural content; and
enable the .css file to be cached to improve the page load speed
between the pages that share the file and its formatting.

7. JAVASCRIPT:
JavaScript, often abbreviated JS, is a programming language that is one
of the core technologies of the World Wide Web, alongside HTML and
CSS. As of 2022, 98% of websites use JavaScript on the client side for
web page behavior, often incorporating third-party libraries.
JavaScript is a high-level, often just-in-time compiled language that
conforms to the ECMAScript standard.[14] It has dynamic typing,
prototype-based object-orientation, and first-class functions. It is multi-
paradigm, supporting event-driven, functional, and imperative
programming styles. It has application programming interfaces (APIs)
for working with text, dates, regular expressions, standard data
structures, and the Document Object Model (DOM).

8. Project Description
Landing Page: Options for the user to login or view details about the
company.
Contact us tab: email address, Number to contact the company and
company address accessible from all pages.
Quick menus/tabs in header – consists of :
- Home page
- About Us Page
- Donation Page
-Contact Us Page - accessible from all pages.
-Login and register page

9. Snapshots
Full Stack Main Project (Home Page)

10. Full Stack Main Project(About Page)

11. Full Stack Main Project(Finding seeds page)

12. Full Stack Main Project(Donation Page)

13. Full Stack Main Project(Login and Register Page)

14. Tools Used
Software Requirements
• Visual Studio Code 2019.
• Google Chrome or Microsoft Edge of latest version.
• Front End: HTML, CSS, JS
• Back End: MySQL, Git, GitHub, XAMPP
• Linux 7.1 orWindows XP/7/8/10 OS or Mac OS
Hardware Requirements
• Pentium 200-MHz computer with a minimum of 64 MB of RAM (128 MB of RAM
recommended).
• Monitor with a refresh rate of at least 40Hz for a smooth GUI experience (optional).

15. About My TEAM
1. Subham Kumar Dahiya: Created About Page, login Page.
2. Ravi Prakash Singh: Created the Donation page.

16. Internship Certificate

17. Thank You