Skip to content

First commit #2

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.

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

Open
wants to merge 36 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
3e93b53
First commit. Basic structure of application set.
May 3, 2022
e28ecb5
Updates to Collections carousel. Update to .json files to pull low-re…
May 3, 2022
8fe6ac2
Added hero to home page.
May 3, 2022
e24c233
Added Goolge Maps to /property pages.
May 3, 2022
05c1255
Adding new CollectionsCard component + CSS.
May 3, 2022
aa5dca1
Adding Map Component content.
May 3, 2022
52fffa9
Added basic cart functionality
May 4, 2022
3fda8f0
Added custom icon to map lat / lng.
May 4, 2022
02954a9
Added cart state management to Collections. Updated carousel image si…
May 5, 2022
90c2a49
Updated Map component with new icon. Removed Map marker title.
May 5, 2022
753acce
Added in cart notification. Added cart removal functionality. Updated…
May 5, 2022
9d26e07
Added cart removal functionality to Collections.
May 5, 2022
8645476
Updated body background color. Added cart removal functionality to ho…
May 5, 2022
f8d3f22
Updated map icon from size to scaledSize to improve fidelity.
May 5, 2022
3c74714
Added image and location to cart + CSS. Added property removal functi…
May 5, 2022
19fc57c
Updated global button styling.
May 5, 2022
db36887
Set up randomuser API fetch. Moved map to bottom of propertyCard. Set…
May 9, 2022
29c7029
Delete .env
RyanOD May 9, 2022
bd483fc
Updating .gitignore to include .env file.
May 10, 2022
7ce8649
Reviews API calls set up. Changes to property card CSS structure. Upd…
May 10, 2022
137f7d2
Updated PropertyCard layout and ReviewCard layout.
May 10, 2022
71f94b9
Added cost details to Cart components.
May 10, 2022
e603d1b
Updates to cart layout. Fixed property card flebox text overflow bug.
May 11, 2022
ce517b6
Update to cart layout. Adition of Carousel component. Refactor of Pro…
May 11, 2022
b23bbb6
Refactored json files. Set up associative relationship between proper…
May 11, 2022
0b64ff4
Updates to carousel layout approach. Beginning updates to Cart layout.
May 12, 2022
10c388e
Updated cart layout.
May 12, 2022
7fa0296
Updated Collections carousel layout. Updated ReviewCard layout. Updat…
May 12, 2022
ca5ae05
Fixed API fetch bug for reviews and GMaps. Moved headings into Review…
May 13, 2022
a3f26a0
Updated cart styling so total cost is sticky. Improved responsiveness…
May 13, 2022
a54cd8a
Updated property .json with new images.
May 13, 2022
2e466f7
Updated how Reviews and Map components render when network is slow / …
May 14, 2022
635d360
Updated map component with useMemo to prevent rerendering on click ev…
May 16, 2022
29cebb9
Removed context API file and fetch helper. Added remaining PropTypes.
May 16, 2022
fdef756
Added Properties pages for houses, apartments, and condos.
May 17, 2022
d696453
Added condo properties to .json file
May 17, 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
122 changes: 61 additions & 61 deletions _data/bnbs.json
Original file line number Diff line number Diff line change
@@ -1,65 +1,65 @@
[
{
"title": "Centrally-located Manhattan studio",
"houseType": "Apartment",
"image": "https://images.unsplash.com/photo-1490806230066-f7e6f7bf5052?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2ca889535ea01f912f94ac4ddf0034e0&auto=format&fit=crop&w=500&q=80",
"location": {
"city": "New York",
"country": "USA"
},
"payment": {
"cost": 105,
"description": "Free cancellation"
},
"host": {
"name": "Robert",
"isSuperhost": true
},
"rating": {
"stars": 3,
"reviews": 133
}
{
"title": "Centrally-located Manhattan studio",
"houseType": "Apartment",
"image": "https://images.unsplash.com/photo-1490806230066-f7e6f7bf5052?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2ca889535ea01f912f94ac4ddf0034e0&auto=format&fit=crop&w=500&q=80",
"location": {
"city": "New York",
"country": "USA"
},
{
"title": "Denver apartment outside Union Station",
"houseType": "Apartment",
"image": "https://images.unsplash.com/photo-1519424187720-db6d0fc5a5d2?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19f783ae564d7c6da4777cde1a84c1c9&auto=format&fit=crop&w=500&q=80",
"location": {
"city": "Denver",
"country": "USA"
},
"payment": {
"cost": 130,
"description": ""
},
"host": {
"name": "Jamie",
"isSuperhost": true
},
"rating": {
"stars": 4.5,
"reviews": 381
}
"payment": {
"cost": 105,
"description": "Free cancellation"
},
{
"title": "Quaint 3-bedroom home in Gamla stan",
"houseType": "Entire House",
"image": "https://images.unsplash.com/photo-1495136568018-11a54caad6b5?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=b4d19de84a578b1175e85e0811f41c97&auto=format&fit=crop&w=500&q=80",
"location": {
"city": "Stockholm",
"country": "Sweden"
},
"payment": {
"cost": 230,
"description": "Free cancellation"
},
"host": {
"name": "Olivia",
"isSuperhost": false
},
"rating": {
"stars": 5,
"reviews": 83
}
"host": {
"name": "Robert",
"isSuperhost": true
},
"rating": {
"stars": 3,
"reviews": 133
}
},
{
"title": "Denver apartment outside Union Station",
"houseType": "Apartment",
"image": "https://images.unsplash.com/photo-1519424187720-db6d0fc5a5d2?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=19f783ae564d7c6da4777cde1a84c1c9&auto=format&fit=crop&w=500&q=80",
"location": {
"city": "Denver",
"country": "USA"
},
"payment": {
"cost": 130,
"description": ""
},
"host": {
"name": "Jamie",
"isSuperhost": true
},
"rating": {
"stars": 4.5,
"reviews": 381
}
},
{
"title": "Quaint 3-bedroom home in Gamla stan",
"houseType": "Entire House",
"image": "https://images.unsplash.com/photo-1495136568018-11a54caad6b5?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=b4d19de84a578b1175e85e0811f41c97&auto=format&fit=crop&w=500&q=80",
"location": {
"city": "Stockholm",
"country": "Sweden"
},
"payment": {
"cost": 230,
"description": "Free cancellation"
},
"host": {
"name": "Olivia",
"isSuperhost": false
},
"rating": {
"stars": 5,
"reviews": 83
}
]
}
]
24 changes: 24 additions & 0 deletions ecommerce-ui/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
70 changes: 70 additions & 0 deletions ecommerce-ui/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can't go back!**

If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

### Code Splitting

This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)

### Analyzing the Bundle Size

This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)

### Making a Progressive Web App

This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)

### Advanced Configuration

This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)

### Deployment

This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)

### `npm run build` fails to minify

This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
Loading