Skip to content
This is my solution to the Property Finder Front-end challenge.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
design
public
src
.editorconfig
.gitignore
README.md
muzi-travel-agency.gif
package-lock.json
package.json

README.md

Travel Agency

This is my solution to the Property Finder Front-end challenge.

travel-agency

Demo

Live demo https://travel-agency.mfbproject.co.za/

Installation

To install dependencies, navigate to the project root directory your console and execute the following command:

npm install

Test

To run tests

npm test

Run

To run solution

npm start

Solution / Tech Stack

The project was created using create-react-app. This project conforms to the Air BnB style guide's naming and coding-style conventions. Furthermore, I use the Redux ducks modular pattern for reducers, containers, and actions.

Other:

  • I use redux for state management. My personal opinion: Always use redux for state management. Check out my blog article on this
  • I use sass to manage css, bootstrap and have created the layout using flexbox.
  • For my development workflow, I also use Generate React Code which is my own tool which I co-created with a colleague. We created this tool so that team members will easily conform to our agreed conversion. Additionally, the tool promotes "test first" principles.
  • Prettier - Automatically formats code after every commit.
  • Enzyme for view (React Component) tests.

Project Structure

travel-agency
└───src
    └───components
    └───constants
    └───redux
    └───service
    |   index.js
    |   registerServiceWorker.js.js
    |   setupTests.js
You can’t perform that action at this time.