EXPOSYS DATA LABS
Bangalore,Karnataka
AN INTERNSHIP REPORT
ON
BURGER BUILDER 0.0.1
BACHELOR OF ENGINEERING
In
COMPUTER SCIENCE AND ENGINEERING
Mysuru - Ooty Road, Just off NH 766
Nanjanagudu, taluk, Thandavapura,
Karnataka 571302
Submitted by: PUNEET GOWDA
Under the Supervision of:-Mr Aravind Kumar
R&D Engineer
ABOUT THE COMPANY
Exposys Data Labs Aims To Solve Real World Business Problems Like
Automation, Big Data And Data Science. Our Core Team Of Experts In Various
Technologies Help Businesses To Identify Issues,Oppurtunities And Prototype
Solutions Using Trending Technologies Like AI, ML, Deep Learning And Data
Science. We Follow A Human-Focussed And Not Technology Driven Approach
To Achieve Success In Our Clients Endeavours.
Some of our services include:
Data Science has been ranked as one of the hottest professions and the demand for
data practitioners is booming. This Professional Certificate from Exposys Data
Labs is intended for anyone interested in developing skills and experience to
pursue a career in Data Science or Machine Learning.
digital marketing
Master strategic marketing concepts and tools to address brand communication in a
digital world.
artificial intelligence /mechine learning
While machine learning is based on the idea that machines should be able to learn
and adapt through experience, AI refers to a broader idea where machines can
execute tasks "smartly." Artificial Intelligence applies machine learning, deep
learning and other techniques to solve actual problems.
Full Stack Developer
A full stack developer is a web developer or engineer who works with both the
front and back ends of a website or application—meaning they can tackle projects
that involve databases, building user-facing websites, or even work with clients
during the planning phase of projects.
Table of Contents
Contents .pageno
Table of Contents I
Overview of the project 3
About 4
Tools used 5
Implementation 6-20
Snapshots 21-23
Biblography 24
OVERVIEW OF THE PROJECT
Project Name: BURGER BUILDER 0.0.1
Team Members:PUNEET GOWDA
OVERVIEW
Builder – This abstract base class defines all of the steps that must be taken
in order to correctly create a product. Each step is generally abstract as the
actual functionality of the builder is carried out in the concrete subclasses.
The Get Product method is used to return the final product.
BURGER BUILDER 0.0.1
Builder – This abstract base class defines all of the steps that
must be taken in order to correctly create a product. Each step is
generally abstract as the actual functionality of the builder is
carried out in the concrete subclasses. The Get Product method
is used to return the final product.
TOOLS USED
Software Requirements
• Visual Studio Code 2019.
• Github
• Google Chrome
• Front End: HTML, CSS, JS,REACT
• Backend : MySQL, XAMPP
• Linux 7.1 or Windows 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).
IMPLEMENTATION
APP COMPONENT:
import "./App.css";
import MainComponent from './components/MainComponent';
import Home from './components/home/Layout';
import Footer from './components/home/Footer'
function App() {
return (
<>
<Home />
<MainComponent/>
<Footer />
</>
);
export default App;
MainComponent:
import React, {useEffect} from 'react';
import { connect } from "react-redux";
import { auth_check } from '../redux/actions/AuthActions';
import { Routes, Route, Navigate} from "react-router-dom";
import BurgerBuilder from './BurgerBuilders/BurgerBuilder';
import Header from './Header/Header';
import Checkout from './OrderSummary/Checkout/Checkout';
import Order from './OrderSummary/Order';
import Auth from './Auth/Auth'
import Logout from './Auth/Logout';
function mapStateToProps(state) {
return {
token : state.token,
userId : state.userId,
};
const mapDispatchToProps = (dispatch) =>{
return {
auth_check : () => dispatch(auth_check())
const MainComponent = (props) => {
useEffect(() => {
props.auth_check()
},[]);
let routes = null;
if(props.token === null){
routes = (
<Routes>
<Route exact path="/login" element={<Auth />} />
<Route path="*" element={<Navigate to="/login" />}/>
</Routes>
}else{
routes = (
<Routes>
<Route exact path="/order" element={<Order />} />
<Route exact path="/checkout" element={<Checkout />} />
<Route exact path="/logout" element={<Logout />} />
<Route exact path="/" element={<BurgerBuilder />} />
<Route path="*" element={<Navigate to="/" />}/>
</Routes>
return (
<div>
<Header></Header>
{routes}
</div>
);
};
export default connect(mapStateToProps, mapDispatchToProps)
(MainComponent);
Home
import Navbar from "./Navbar";
import Burger from "./BurgerList";
import Featured from "./Featured";
const Layout = ({ children }) => {
return (
<>
<Navbar />
<Featured />
<Burger />
</>
);
};
export default Layout;
FOOTER:
import styles from "../../styles/Footer.module.css";
import footer from "../../assets/homeAssets/blog-3.jpg"
const Footer = () => {
return (
<div className={styles.container} style={{top:"20px"}}>
<div className={styles.item}>
<img src={footer} alt="" />
</div>
<div className={styles.item}>
<div className={styles.card}>
<h2 className={styles.motto}>
OH YES, WE DID.THE LAMA BURGER, WELL BAKED SLICE
OF BURGER.
</h2>
</div>
<div className={styles.card}>
<h1 className={styles.title}>FIND OUR
RESTAURANTS</h1>
<p className={styles.text}>
#304 krishnaLayout Mysore.
<br /> Mysore, 571400
<br /> (123) 4560789
</p>
<p className={styles.text}>
2356 K. Laquie Rd #235.
<br /> Mandya, 85022
<br /> (602) 867-1011
</p>
<p className={styles.text}>
1614 E. Erwin St #104.
<br /> Banglore, 85022
<br /> (602) 867-1012
</p>
<p className={styles.text}>
1614 W. Caroll St #125.
<br /> Mysore, 85022
<br /> (602) 867-1013
</p>
</div>
<div className={styles.card}>
<h1 className={styles.title}>WORKING HOURS</h1>
<p className={styles.text}>
MONDAY UNTIL FRIDAY
<br /> 9:00 – 22:00
</p>
<p className={styles.text}>
SATURDAY - SUNDAY
<br /> 12:00 – 24:00
</p>
</div>
</div>
</div>
);
};
export default Footer;
REMAING SOURCE CODE ARE IN THE GIETHUB
LINK:)
https://github.com/Puneeth076/Buger-
builder
SNAPSHOTS
BIBLIOGRAPHY
https://www.w3schools.com
https://www.freefrontend.com
https://www.youtube.com
https://css-tricks.com
