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