Square

Front end of Square app using React.

Sneak peak

Built With

• Node.js
• React
• React-DOM
• React-Create-App
• Redux
• npm
• CSS
• ES6
• Jest
• Square-api

Description

Front end of Square app using React.
Square is the best application to start planning your next vacation, it provides
the best offers for you to spend your vacations at the most comfortable place.
You will have the best options to decide where to spend your vacations. Full information
that will save you from unofficial sites and bring you the best online promotions.
Only the best brands. We will find the best place for you and the conditions for a safe
transaction and comfortable stay.

Fetching official data from the [Square-api](https://github.com/Diegodsha/hotel-api) built
for the back-end with Ruby on Rails allowing the user to use our authentication system
in order to bring a better experience and allowing him/her to save hotels
into a favorites lists to narrow the hotel search and select the best hotel that suits
the occasion. LEAVE A REVIEW TO AFFECT HOTELS RATING!

Thank you for using Square app, the best application for vacations!

Live Demo

Visit Square

• Demo users
  • name: Diego
  • name: Spidy González
  • LEAVE A REVIEW TO AFFECT HOTELS RATING!

Prerequisites

• Internet Connection
• Web Browser
• Code Editor
• Node Package Manager (NPM)
• Clone the Square-api repo

Getting Started

• Open your terminal
  • Windows: Win + R, then type cmd | Mac: Command + space, then type Terminal| Linux: Ctrl + Alt
• Navigate to a directory of your choosing using the cd command (e.g: cd my-directory/)
• Run this command in your OS terminal: git clone https://github.com/Diegodsha/Find-your-hotel.git to get a copy of the project.
• Navigate to the project's directory using the cd command
• Run npm i to install all dependencies

Usage

• After cloning the Square-api repo, modify de BASE_URL and change the path to the local server of your choose (e.g let's say you want to use the api in port 3001 [rails s -p 3001] BASE_URL = http://localhost:3001) located at src/API/EndPoint.js

• From within the project directory run npm start to start a local server in your web browser.

• Available Paths:

  • Visit http://localhost:3000/ for Home view
  • Visit http://localhost:3000/hotels for hotels view
  • Visit http://localhost:3000/hotels/details/:id for hotel details view
  • Visit http://localhost:3000/signup for sign up form view
  • Visit http://localhost:3000/signin for sign in form view
  • Visit http://localhost:3000/favourites for favourite hotels view

Testing (React-JEST)

Thanks to React integrated testing library users can simply run npm test from within the project's folder to execute all the tests.

Author

👤   Diego Hernández

• Portfolio: Portfolio
• LinkedIn: diegoshdezaguilar
• GitHub: @Diegodsha
• Twitter: @diegohdezchimo

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse
• Design inspiration from Alexey_Savitskiy

License

This project is MIT licensed