react_homes-frontend

The frontend part of the Homes - an appointment-making app.

Stars
1

The Home Appointments

This the the frontend part for the capstone project of Microverse main technical curriculum. This project is an appointment making app where users are able to see a list of different types of houses and book an appointment for a personal visit to a particular house. Users can see the details of a particular house by clicking the 'See details' button.

📝 Contents

🔧 Built with

  • ReactJS
  • React-Redux
  • HTML 5 and CSS 3

API

The backend API for this project created by me and can be found in github.

Screenshots

Signup

Login

House (Carousel)

House (Details)

Make Appointment

Profile

Main Features

  • A proper authentication system has been implemented using JWT. Users are able to create a new account and login/logout securely.
  • Users can see a list of different houses. Houses are displayed using Carousel display.
  • Users can see the details of a particular house.
  • Users can make an appointment on the date and time of their choice.
  • Users can see all the appointments they have made in the Profile page.

See Live

See live on Heroku

Getting Started

This project was bootstrapped with Create React App.

Make sure you have Node, installed in your computer. Install yarn. (or you can still use npm instead of yarn.)

To get a local copy of the repository please run the following commands on your terminal:

$ git clone [email protected]:praz99/appointments-frontend.git
$ cd appointments-frontend
$ yarn install
$ yarn start

This runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

Testing

This app has been tested using the react-testing-library. Run yarn test in the console to run the tests.

✒️ Authors

👤 Prajwal Thapa

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

👍 Show your support

Give a ⭐️ if you like this project!

👏 Acknowledgements

  • Microverse
  • All the images of houses used in this app are taken from unsplash and belong to the respective owners.

📝 License

This project is MIT licensed.

Badges
Extracted from project README
View Code Github Issues GitHub Pull Requests
Related Projects