Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/deliverable1 #24

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Feat/deliverable1 #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4ef2930
deliverable 1
EduardoGarciaEnriquez Jun 7, 2022
2bf56c4
gh pages
EduardoGarciaEnriquez Jun 7, 2022
70842cd
git hub pages - deliverable 1
EduardoGarciaEnriquez Jun 7, 2022
c425a51
minor updates before deliverable 2
EduardoGarciaEnriquez Jun 14, 2022
0a6b4c7
final version deliverable 1
EduardoGarciaEnriquez Jun 14, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
179 changes: 174 additions & 5 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

11 changes: 9 additions & 2 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,14 +9,18 @@
"eslint": "^7.32.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-icons": "^4.4.0",
"react-scripts": "^4.0.3",
"sass": "^1.52.2",
"web-vitals": "^1.0.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
"eject": "react-scripts eject",
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
},
"eslintConfig": {
"extends": [
Expand Down Expand Up @@ -77,5 +81,8 @@
"last 1 safari version"
]
},
"devDependencies": {}
"devDependencies": {
"gh-pages": "^4.0.0"
},
"homepage": "https://EduardoGarciaEnriquez.github.io/2022React-Bootcamp-CapstoneProject"
}
Binary file modified public/favicon.ico
View file
Open in desktop
Binary file not shown.
2 changes: 1 addition & 1 deletion public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<title>Sofa to go</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
Expand Down
Binary file modified public/logo192.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/logo512.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 10 additions & 19 deletions src/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,19 @@
import logo from './logo.svg';
import './App.css';
import { useFeaturedBanners } from './utils/hooks/useFeaturedBanners';
import HomepageContainer from './containers/HomepageContainer.js';
import Header from './components/Header';
import Footer from './components/Footer';
import './stylesheets/homepage/header.scss';

function App() {
const { data, isLoading } = useFeaturedBanners();
console.log(data, isLoading);
// console.log(data, isLoading);

return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
<>
<Header />
<HomepageContainer data={data} isLoading={isLoading} />
<Footer />
</>
);
}

Expand Down
Binary file added src/assets/main logo/sofa-to-go-logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions src/components/Footer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import React from 'react'
import '../stylesheets/homepage/footer.scss'
function Footer() {
return (
<footer className='footer'>
<h3>Ecommerce created during Wizeline's Academy React Bootcamp</h3>
</footer>
)
}

export default Footer
34 changes: 34 additions & 0 deletions src/components/Header.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
import React from 'react'

import { BiShoppingBag, BiSearchAlt } from 'react-icons/bi'
// import { GiSofa } from 'react-icons/gi'
import sofa_logo from '../assets/main logo/sofa-to-go-logo.png'

import '../stylesheets/homepage/header.scss';

function Header() {

return (
<header className='header-container'>
<div className='logo-container'>
<a href="#home">
{/* <GiSofa className='icon' /> */}
<img src={sofa_logo} alt="main-logo" />
</a>
</div>
<div className='searchbar-container'>
<input type="text" placeholder='search' />
<button type="submit">
<BiSearchAlt className='icon' />
</button>
</div>
<div className="cart-container">
<a href="#cart">
<BiShoppingBag className='icon' />
</a>
</div>
</header>
)
}

export default Header
Loading