/book-an-appointment-front-end

The project is based on an app to book an appointment with the doctor. Ruby on Rails, React, Redux, and PostgreSQL were used to create this site.

Primary LanguageJavaScript

Doctor appointment

This is a Web application to book an appointment to the doctor. We should follow the given design of the website, but we personalized the content.

Landing Home
screenshot screenshot
- Doctor - Available Doctor -
screenshot screenshot
- My reservation - Book Appointment -
screenshot screenshot

Additional description about the project and its features.

Learning objectives

  • Apply technical knowledge and skills gained in previous modules in a complex project.
  • Understand pros and cons of different approaches of connecting Ruby on Rails back-end with React front-end.
  • Understand principles of Ruby on Rails and React frameworks.
  • Apply JavaScript best practices and language style guides in code.
  • Apply React best practices and language style guides in code.
  • etc ...

Live Demo

Live Demo Link

Back End

book-an-appointment

Built With

  • React
  • Redux

Getting Started

This is an example of how you may give instructions on setting up your project locally. Modify this file to match your project, remove sections that don't apply. For example: delete the testing section if the currect project doesn't require testing.

  • To get the content of this project locally you need to run this command in your terminal:
$ git https://github.com/azy64/book-an-appointment-front-end.git
$ cd book-an-appointment-front-end

Prerequisites

  • React (react --v)
  • Node.js (node --v)
  • Yarn (yarn --v)

To get a local copy up and running follow these simple example steps.

Run in your terminal git clone https://github.com/azy64/book-an-appointment-front-end.git

Install ESLint & Stylelint linter

  • To instal RSpec for testing please run the following command on your terminal:
$  npm install --save-dev eslint@7.x eslint-config-airbnb@18.x eslint-plugin-import@2.x eslint-plugin-jsx-a11y@6.x eslint-plugin-react@7.x eslint-plugin-react-hooks@4.x @babel/eslint-parser@7.x @babel/core@7.x  @babel/plugin-syntax-jsx@7.x  @babel/preset-react@7.x @babel/preset-react@7.x

$  npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
  • To run the tests locally :
$  npx eslint .
$  npx stylelint "**/*.{css,scss}"
  • Automatic fix
$  npx eslint . --fix 
$  npx stylelint "**/*.{css,scss}" --fix

Helpful links to solve some issues

Run the application

-connect to your psql

  • run rails s in your terminal

Authors

👤 Azaria SAIDI ALLY

👤 Victor

👤 Ntazama Willy

👤 Ben Mukebo

🤝 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

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.