Skip to content

Front End Repository utilizing - React (Hooks) | Redux (w/ Thunk) | CSS-in-JS

License

Notifications You must be signed in to change notification settings

airbnb-price-opt/front-end

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Logo Airlytics - An AirBnb Host Listing Price Optimizer

Installation

Clone the repository and download the yarn package manager on your local machine or visit the Live Site link provided above.

Installation Command

To install the package manager enter yarn install in the terminal

To start the application on localHost enter yarn start in the terminal

Usage

To login, provide the following credentials into the Login Form:

Username: Bob
Password: password

Once successfully logged in, a token will be placed on the browser's localStorage which will be used in all subsequent Axios requests to the backend.

After a successful Login POST the Nav bar will dynamically render the Your Listings and Logout links, in addition to this, users will be automatically redirected to the Your-Listings page pictured below...

Your Listings

From here users may ADD, UPDATE, or DELETE listings based on their needs.

TO VIEW A SPECIFIC LISTING'S DETAILS: Click the View Details button on the Listing Card and a modal will appear with the relevant information as pictured below...

Listing Details

TO ADD A LISTING: Click the Add Listing box which will direct the user to a Form which can be populated to add a new Listing

Add Listing

TO UPDATE A LISTING: Click the specific listing's Update Listing button which will direct the user to a Form pre-populated with that listing's information - users can choose to update all the fields or only a few, if a field is unchanged the data will persist.

Update Listing

TO DELETE A LISTING: Click the Trash Can icon in the top-right corner of the Listing Card

Delete Listing

TO LOGOUT: Click the Logout button in the Navigation Menu in the top-right corner of the page (Desktop view), upon successful Logout, the user's access token will be removed from localStorage and the user will be redirected to the Login page while the Nav dynamically reverts back to the Login/Register links.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

About

Front End Repository utilizing - React (Hooks) | Redux (w/ Thunk) | CSS-in-JS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •