🏥 Ketofan

Table of Contents

• Table of Contents
• About The Project
  • Built With
• Getting Started
  • Installation
  • Environmental Variables
  • Running
• Roadmap
• Contributing
• License
• Screenshots
• Contributers

About The Project

Ketofan is a digital healthcare booking platform. We aim to automate physician, clinic and hospital bookings making healthcare easily accessible.Patients are able to search, compare, and book the best doctors in just 1 minute. Doctors also provide Patients with seamless healthcare experiences.

Built With

• Vue.js
• Vite
• Sass

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Installation

1. Clone the repo

git clone https://github.com/D4rk1n/ketofan-fe.git

2. Install dependencies (it will create the database automatically)

npm install

Environmental Variables

For developers, you can directly use our .env.development or modify it if you like.

For production, you need to make your own .env.production with the following structure.

VITE_ROOT_API="http://localhost:3004"

• VITE_ROOT_API: API url

Running

1. Running on development

npm run dev

2. Running mock

npm run mock

3. Running with BackEnd

npm run back

3. Running on production

Upon creating .env.production like in Environmental Variables section. run this script:

npm run build
npm start

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b AmazingFeature-Feat)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin AmazingFeature-Feat)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Screenshots

File Structure

├── src
│   ├── App.vue
│   ├── assets
│   │   ├── img
│   │   │   ├── about-us
│   │   │   │   ├── lido.jpg
│   │   │   │   ├── pablo.jpg
│   │   │   │   └── veryh.jpeg
│   │   │   ├── headerbg.png
│   │   │   ├── homebg.jpg
│   │   │   └── moh.png
│   │   └── logo.png
│   ├── common
│   │   └── components
│   │       ├── Footer.vue
│   │       ├── Header.vue
│   │       └── Navbar.vue
│   ├── layouts
│   │   ├── AdminLayout.vue
│   │   ├── DefaultLayout.vue
│   │   ├── DoctorLayout.vue
│   │   └── HeaderLayout.vue
│   ├── main.js
│   ├── modules
│   │   ├── About
│   │   │   ├── AboutSideBar.vue
│   │   │   ├── AboutUs.vue
│   │   │   ├── LifeAtKetofan.vue
│   │   │   └── OurTeam.vue
│   │   ├── AdminPanel
│   │   │   ├── AdminNavbar.vue
│   │   │   ├── DoctorRequest.vue
│   │   │   ├── DoctorsRequests.vue
│   │   │   ├── Feedback.vue
│   │   │   └── Feedbacks.vue
│   │   ├── Appointments
│   │   │   └── Appointment.vue
│   │   ├── ChangeProfile
│   │   │   └── FormGroup.vue
│   │   ├── ContactUs
│   │   │   ├── ContactForm.vue
│   │   │   ├── FormGroup.vue
│   │   │   └── Info.vue
│   │   ├── DoctorPanel
│   │   │   ├── DoctorAppointment.vue
│   │   │   ├── DoctorAppointments.vue
│   │   │   ├── DoctorNavbar.vue
│   │   │   ├── DoctorWorkingDay.vue
│   │   │   └── DoctorWorkingHours.vue
│   │   ├── DoctorRequest
│   │   │   ├── DoctorForm.vue
│   │   │   ├── DropDown.vue
│   │   │   ├── FormGroup.vue
│   │   │   └── UploadPhoto.vue
│   │   ├── Header
│   │   │   ├── HeaderSearchBar.vue
│   │   │   ├── HeaderSearchInputTab.vue
│   │   │   └── HeaderSearchTab.vue
│   │   ├── Home
│   │   │   ├── ChooseFrom.vue
│   │   │   ├── ChooseTopSpecialties.vue
│   │   │   └── HomeHeader.vue
│   │   ├── Navbar
│   │   │   ├── ListItem.vue
│   │   │   └── Menu.vue
│   │   └── Search
│   │       ├── BookingCloumn.vue
│   │       ├── BookingTable.vue
│   │       └── SearchResult.vue
│   ├── outside.js
│   ├── plugins
│   │   ├── loading
│   │   │   ├── css
│   │   │   │   └── index.css
│   │   │   ├── index.js
│   │   │   ├── loaders
│   │   │   │   ├── bars.vue
│   │   │   │   ├── dots.vue
│   │   │   │   ├── index.js
│   │   │   │   └── spinner.vue
│   │   │   └── main
│   │   │       └── Component.vue
│   │   └── storePlugins.js
│   ├── routes
│   │   └── index.js
│   ├── sass
│   │   ├── abstracts
│   │   │   ├── _mixins.scss
│   │   │   └── _variables.scss
│   │   ├── base
│   │   │   ├── _fonts.scss
│   │   │   ├── _global.scss
│   │   │   ├── _reset.scss
│   │   │   └── _typography.scss
│   │   ├── components
│   │   │   └── _booking-table.scss
│   │   ├── layouts
│   │   │   ├── _admin-nav.scss
│   │   │   ├── _doctor-nav.scss
│   │   │   ├── _footer.scss
│   │   │   ├── _header.scss
│   │   │   ├── _home-header.scss
│   │   │   ├── _layouts.scss
│   │   │   └── _navigation.scss
│   │   ├── main.scss
│   │   └── views
│   │       ├── about.scss
│   │       ├── admin-feedbacks.scss
│   │       ├── admin-requests.scss
│   │       ├── appointments.scss
│   │       ├── confirm-booking.scss
│   │       ├── contact-us.scss
│   │       ├── doctor-appointments.scss
│   │       ├── doctor-request.scss
│   │       ├── doctor-workhours.scss
│   │       ├── home.scss
│   │       ├── login.scss
│   │       ├── profile.scss
│   │       ├── search-by.scss
│   │       ├── search.scss
│   │       └── signup.scss
│   ├── services
│   │   ├── api.js
│   │   └── auth.js
│   ├── static
│   │   └── db.json
│   ├── store
│   │   ├── index.js
│   │   └── modules
│   │       ├── auth.js
│   │       ├── cities.js
│   │       ├── doctorRequests.js
│   │       ├── feedbacks.js
│   │       ├── insurances.js
│   │       └── specialties.js
│   └── views
│       ├── About.vue
│       ├── Appointments.vue
│       ├── ChangeProfile.vue
│       ├── ConfirmBooking.vue
│       ├── ContactUs.vue
│       ├── DoctorRequest.vue
│       ├── Home.vue
│       ├── Login.vue
│       ├── NotFound.vue
│       ├── Search.vue
│       ├── SearchBy.vue
│       └── Signup.vue
└── vite.config.js

Contributers

Abdelrahman Tarek

Abdelrahman Arafat

Hassan Mohamed

Ahmed Walid