Redux - Hotels & Resorts
Project Description
This project is a Final capstone based on a find your house app. It specifically helps the user to find vacation hotels and resorts.
Technical requirements of the project
- The project is a mobile web app which is responsive on desktop too
- The database has 3 tables, users, hotels, favorites table using Postgres as the DB
- It Connects to the back-end API to send and receive domain data. With routes for each of the screens, so the user can easily go back and forward, Using redux to store info used across the app, like the user info
Project Structure
– The App page is a container with React Router. It gets app state from Redux Store. Then the navbar now can display based on the state.
– Login & Register pages have form for data submission (with support of react-validation library). They dispatch auth actions (login/register) to Redux Thunk Middleware which uses apiMiddleware to call API.
– apiMiddleware methods use axios to make HTTP requests.
– Home page is public for all users.
– Hotels page displays a list of hotel & resorts information after the login action is successful.
- When a user selects a hotel, detailed information about the hotel is presented and the possibility to add it to favourites. The user can access a list of favourite hotels
Redux - Hotels & Resorts Screenshot
Live Link on Netlify
RESTful ROR API Repo Link
Tools used
- React
- react-redux
- redux
- redux-thunk
- react-router-dom
- axios
- react-validation
- Bootstrap
- validator
Getting Started
To get a local copy of the repository please run the following commands on your terminal:
$ git clone https://github.com/Georjane/redux_hotels_and_resorts.git
$ cd redux_hotels_and_resorts
$ npm start
$ Open localhost:3000 in your browser if it doesn't open automatically
Run Tests
$ npm test
Getting Started with Create React App
This project was bootstrapped with Create React App.
Available Scripts
In the project directory, you can run:
yarn start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Author
1. Witah Georjane
- Github: @Georjane
- Twitter: @WittyJany
- LinkedIn: Witah Georjane
Contributing
There are two ways of contributing to this project:
- If you see something wrong or not working, please open the issue in issue section
- If you see something to improve or to correct, and you have a solution to that, follow the below steps to contribute:
- Fork this repository
- Clone it on your local computer by running
git clone https://github.com/Georjane/redux_hotels_and_resorts.git
Replace your username with the username you use on github - Open the cloned repository which appears as a folder on your local computer with your favorite code editor
- Create a separate branch off the master branch,
- Write your codes which fix the issue you found
- Commit and push the branch you created
- Open a pull request, comparing your new created branch with our original master branch here
Show your support
Give a ⭐️ if you like this project!
Design Inspiration
- All design inspiration info can be found here
Acknowledgment
- Microverse
- Design idea by Alexey Savitskiy on Behance