A React/Redux full-stack app for managing appointments with lawyers
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.
- React 18.2.0
- React-redux 8.0.2
- Sass 1.53
- React-bootstrap 2.4.0
- JavaScript
- REST API
Follow these steps:
Have the following correctly installed.
- Node.js & NPM
- Git
Have the backend repo setup correctly
- Open a terminal window where you want to have installed a clone of the repository.
- 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
- 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 theREACT_APP_API_HOST
environment variable with the valuehttps://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
👤 Kenny Salazar
- GitHub: @helio3197
- Twitter: @kennysalazar31
- LinkedIn: LinkedIn
👤 Richard Opiyo
- GitHub: @richaroppiyo
- Twitter: @blessed_ricky
- LinkedIn: LinkedIn
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Thanks to Microverse for the guidelines.
- Original design by Murat Korkmaz
This project is MIT licensed.