Skip to content

A React/Redux | Ruby-on-Rails full-stack app for managing appointments with lawyers.

License

Notifications You must be signed in to change notification settings

helio3197/book-a-lawyer-app-frontend

Repository files navigation

Book A Lawyer

A React/Redux full-stack app for managing appointments with lawyers

screenshot

This repository is a React/Redux developed frontend app named "Book a lawyer App". The purpose of the project is to automate the law services. The Application allows an authenticated user to log in to the system, get a list of all available lawyers whose can be bookeed for a specified date and time. The lawyers' bio has the contact details, location, pricing per hour of the lawyer from which a user gets more insights. It also has dedicated pages to see the user's reservations and a reserve form. An admin user has the right to add/edit/remove a lawyer from the database and hence can see the Manage tab.

Main features:

  • Account system, users can:
    • Create an account and provide an optional avatar.
    • Login to the app using email and password
    • Edit a personal account, users can modify his personal information.
  • Reserve/booking system, users can:
    • Book an appointment with a lawyer on an incoming date, and set the appointment's duration.
    • See personal reservations in the reservation page.
    • Modify an existing reservation.
    • Cancel a reservation.
  • Visualize details for a lawyer.
  • Optimized for mobile devices.

Backend repo

Click here

Built With

  • React 18.2.0
  • React-redux 8.0.2
  • Sass 1.53
  • React-bootstrap 2.4.0
  • JavaScript
  • REST API

Live demo

Click Here

Getting Started

Follow these steps:

Prerequisites

Have the following correctly installed.

  • Node.js & NPM
  • Git

Have the backend repo setup correctly

Setup

  • Open a terminal window where you want to have installed a clone of the repository.

Install

  • Use this command to clone the repo:
$ git clone git@github.com:helio3197/book-a-lawyer-app-frontend.git
  • Install the required dependencies:
$ npm install

Usage

  • Run the backend server on the port: 3000
rails s --port=3000
  • If you want to use the deployed backend server, edit the .env file on the project's root, and edit the REACT_APP_API_HOST environment variable with the value https://book-a-lawyer-backend.herokuapp.com/
REACT_APP_API_HOST=https://book-a-lawyer-backend.herokuapp.com/
  • Run the frontend server on the specified port:
$ PORT=3001 npm start
  • Build:
$ npm run build

Authors

👤 Kenny Salazar

👤 Richard Opiyo

🤝 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!

Acknowledgments

  • Thanks to Microverse for the guidelines.
  • Original design by Murat Korkmaz

📝 License

This project is MIT licensed.

Releases

No releases published

Languages