Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Go Live πŸš€ #21

Open
wants to merge 110 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 97 commits
Commits
Show all changes
110 commits
Select commit Hold shift + click to select a range
7f22fcb
Initial React and Tailwind setup
AlexRS90 Mar 25, 2022
e57bd07
Create linters.yml
AlexRS90 Mar 25, 2022
77a3282
Add linters locally and fix them
AlexRS90 Mar 25, 2022
b218b87
Delete boilerplates
AlexRS90 Mar 25, 2022
de2cbf4
Update README.md file
AlexRS90 Mar 25, 2022
7d65947
Merge pull request #11 from codepantherr/app-setup
AlexRS90 Mar 25, 2022
3016559
add sidebar/nav and routes Co-authored-by: Amr Ahmed
codepantha Mar 29, 2022
ffe9573
Setup ThemeToggler and remove Appointment folder
Amrhub Mar 29, 2022
268affb
Setup dark theme toggler functionality
Amrhub Mar 29, 2022
ecc458e
Add dark-theme
Amrhub Mar 29, 2022
8e3f5be
Add Prop-types
Amrhub Mar 29, 2022
ca34085
Add responive
Amrhub Mar 29, 2022
6d28020
sidebar transition and closes on navClick
Amrhub Mar 30, 2022
a0d2278
Add localStorage save to theme state
Amrhub Mar 30, 2022
8412a49
Merge pull request #12 from codepantherr/nav/sidebar
Amrhub Mar 30, 2022
4a23fdb
Add redux and fetch data from the API
micheaol Mar 30, 2022
72fc2d5
Add deault routes to details page
AlexRS90 Mar 31, 2022
b23fadf
Add doctors pictures
AlexRS90 Apr 1, 2022
d98e102
Details page styling
AlexRS90 Apr 1, 2022
00b9ad4
Fix text aligntment
AlexRS90 Apr 1, 2022
598c18c
Add hover state to the buttons
AlexRS90 Apr 1, 2022
368d8ae
Add doctor'scard
micheaol Apr 1, 2022
f1d682a
Display doctor's details
micheaol Apr 1, 2022
d634be5
remove padding from main container
Amrhub Apr 1, 2022
9cc49f4
Addres changes requiered
AlexRS90 Apr 1, 2022
2e76b2b
Merge_head
AlexRS90 Apr 1, 2022
5c9c230
Add cursor pointer class for SVG button
AlexRS90 Apr 1, 2022
45fc71f
remove padding from routes container
Amrhub Apr 2, 2022
55ce20d
Change details table bg color in dark theme
Amrhub Apr 2, 2022
842e80e
Change doctor image border-color in dark theme
Amrhub Apr 2, 2022
05650c6
Change sidebar position/transition in mobile view
Amrhub Apr 2, 2022
b125d8b
Fix menu display while scrolling
Amrhub Apr 2, 2022
ca2a574
Add responsiveness to DetailPage
Amrhub Apr 2, 2022
331d244
Fetch appointment
micheaol Apr 3, 2022
11ae0ea
Fetch appoint from the api
micheaol Apr 3, 2022
4c9270e
Display appointment to the UI
micheaol Apr 3, 2022
3708282
Merge pull request #13 from codepantherr/doctor-details
AlexRS90 Apr 4, 2022
9365e39
Display appointment to the UI
micheaol Apr 4, 2022
9b7df9a
Complete display of appointment
micheaol Apr 4, 2022
cc3a7df
Add slider placeholder
micheaol Apr 5, 2022
0c8f6b7
Add slider placeholder
micheaol Apr 5, 2022
6c47481
Add link to the buttons
micheaol Apr 5, 2022
602b860
Merge pull request #14 from codepantha/list-all-doctors-features
AlexRS90 Apr 5, 2022
e36bc08
add uuid npm package
codepantha Apr 5, 2022
dfdbd89
implement 'add a doctor' feature
codepantha Apr 5, 2022
cffcbcf
reset input fields affter adding doctor successfully
codepantha Apr 5, 2022
c4c8168
refactor AddADoctor function
codepantha Apr 5, 2022
63758ba
refactor AddDoctor.jsx and create a Input.jsx component
codepantha Apr 5, 2022
8ace480
redirect to '/' after successfully adding a doctor
codepantha Apr 5, 2022
9d131de
Merge branch 'add-a-doctor' into dev
codepantha Apr 6, 2022
e8c8bdb
redirect to '/' after successfully adding a doctor
codepantha Apr 5, 2022
a1270d5
Merge branch 'dev' into add-a-doctor
codepantha Apr 6, 2022
939c883
Form to add a new appointment
AlexRS90 Apr 6, 2022
a99ec48
Book appointment actions
AlexRS90 Apr 6, 2022
06eb5d2
Add New appointment reducer
AlexRS90 Apr 6, 2022
766d338
Create addAppontment funciton to post a new booking
AlexRS90 Apr 6, 2022
b86fc50
Merge branch 'dev' into add-a-doctor
micheaol Apr 6, 2022
405821c
Fix linter
micheaol Apr 6, 2022
ab70b88
Change parameters values
AlexRS90 Apr 6, 2022
f136164
Merge pull request #15 from codepantha/add-a-doctor
codepantha Apr 6, 2022
57fa745
Fix keys name issue
AlexRS90 Apr 6, 2022
7dc0213
Merge pull request #16 from codepantha/book-doctors
AlexRS90 Apr 6, 2022
cf8c7d3
Add details page and props
AlexRS90 Apr 6, 2022
e78f7da
Add Navlink to make dynamic routes
AlexRS90 Apr 6, 2022
1800e14
Add PropTypes validations
AlexRS90 Apr 7, 2022
61e76b4
Add NavLink to back button
AlexRS90 Apr 7, 2022
ca54df9
Code Appointment button
AlexRS90 Apr 7, 2022
9bfca3c
Delete doctor from API
AlexRS90 Apr 7, 2022
47e62be
Delete doctors with appointments
codepantha Apr 7, 2022
8a4b9f7
Revert "Delete doctors with appointments"
Amrhub Apr 7, 2022
64e0499
Fix: starting server issue
Amrhub Apr 7, 2022
5ea2c87
fix console and PropType errors
codepantha Apr 7, 2022
3356cf2
Merge pull request #17 from codepantha/feat/details-functionality
Amrhub Apr 7, 2022
72a1f1a
Define host
Amrhub Apr 7, 2022
106f705
refactor: requests
Amrhub Apr 7, 2022
d5427e6
Merge pull request #18 from codepantha/refactor/backend-requests
Amrhub Apr 7, 2022
caa3339
refactor: doctors layout
Amrhub Apr 7, 2022
5398655
Setup: redux for login
Amrhub Apr 7, 2022
c812be0
Feat: sign up functionality and validation
Amrhub Apr 8, 2022
e6b7286
Sign basic structure
Amrhub Apr 8, 2022
3ad5a0e
Log in functionality
AlexRS90 Apr 8, 2022
a92d676
Feat/final-authentication
Amrhub Apr 8, 2022
4789cd3
Merge pull request #19 from codepantha/feat/user-login
Amrhub Apr 8, 2022
0b7d3fd
Fix: height issue over scrolling
Amrhub Apr 8, 2022
b4f5e64
Feat: Add a doctor responsive design
Amrhub Apr 8, 2022
9f36525
Feat/ add dark theme to add a doctor
Amrhub Apr 8, 2022
1d238b7
Add: dark theme for book appointment
Amrhub Apr 8, 2022
b1011c4
Add: customizable chevron down icon to select
Amrhub Apr 8, 2022
79e3996
book appointment with currentUser's id
codepantha Apr 8, 2022
bc01671
redirect to /my-appointments after successfully adding an appointment
codepantha Apr 8, 2022
7eb8c6e
show appointments correctly
codepantha Apr 8, 2022
a9587f1
add mobile-responsiveness to appointments
codepantha Apr 8, 2022
e8c79d1
update README
codepantha Apr 8, 2022
86e2f40
Feat: Landingpage mobile repsonsiveness
Amrhub Apr 8, 2022
7768cf0
Merge pull request #20 from codepantha/final-touches
Amrhub Apr 8, 2022
72390dc
update: title and favicon
Amrhub Apr 8, 2022
c2985f8
Update README.md
Amrhub Apr 8, 2022
1ce2bc2
setup tailwind elements
Amrhub Apr 8, 2022
f926e57
Remove commented code
AlexRS90 Apr 8, 2022
262651c
Add carousel to doctors page
Amrhub Apr 8, 2022
f634d2a
Fix: landing page image in mobile version
Amrhub Apr 8, 2022
e23f800
fix: mobile version for doctors
Amrhub Apr 8, 2022
304c7da
Fix some bugs
AlexRS90 Apr 8, 2022
6d79395
Merge pull request #22 from codepantha/feat/slider
Amrhub Apr 8, 2022
3ed46a6
Add kanbanboard link
AlexRS90 Apr 8, 2022
eb0f043
Fix: overflow issue
Amrhub Apr 21, 2022
d4f1b5a
Change dark background color
Amrhub Apr 21, 2022
a6c9e3d
Test doctor image and add default placeholder
Amrhub Apr 21, 2022
7d1fe9f
Set width and height for doctor details img
Amrhub Apr 21, 2022
de133d8
use react-responsive for carousel
Amrhub Apr 21, 2022
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions .babelrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"presets": [
"@babel/preset-react"
],
"plugins": ["@babel/plugin-syntax-jsx"]
}
27 changes: 27 additions & 0 deletions .eslintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
{
"env": {
"browser": true,
"es6": true,
"jest": true
},
"parser": "@babel/eslint-parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 2018,
"sourceType": "module"
},
"extends": ["airbnb", "plugin:react/recommended"],
"plugins": ["react"],
"rules": {
"react/jsx-filename-extension": ["warn", { "extensions": [".js", ".jsx"] }],
"react/react-in-jsx-scope": "off",
"import/no-unresolved": "off",
"no-shadow": "off"
},
"ignorePatterns": [
"dist/",
"build/"
]
}
37 changes: 37 additions & 0 deletions .github/workflows/linters.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
name: Linters

on: pull_request

env:
FORCE_COLOR: 1

jobs:
eslint:
name: ESLint
runs-on: ubuntu-18.04
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v1
with:
node-version: "12.x"
- name: Setup ESLint
run: |
npm install --save-dev [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] @babel/[email protected] @babel/[email protected] @babel/[email protected] @babel/[email protected] @babel/[email protected]
[ -f .eslintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/react-redux/.eslintrc.json
[ -f .babelrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/react-redux/.babelrc
- name: ESLint Report
run: npx eslint .
stylelint:
name: Stylelint
runs-on: ubuntu-18.04
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v1
with:
node-version: "12.x"
- name: Setup Stylelint
run: |
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
[ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/react-redux/.stylelintrc.json
- name: Stylelint Report
run: npx stylelint "**/*.{css,scss}"
23 changes: 23 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
20 changes: 20 additions & 0 deletions .stylelintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"extends": ["stylelint-config-standard"],
"plugins": ["stylelint-scss", "stylelint-csstree-validator"],
"rules": {
"at-rule-no-unknown": [
true,
{
"ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"]
}
],
"scss/at-rule-no-unknown": [
true,
{
"ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"]
}
],
"csstree/validator": true
},
"ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css", "**/*.js", "**/*.jsx"]
}
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"git.ignoreLimitWarning": true
}
2 changes: 1 addition & 1 deletion LICENSE
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
MIT License

Copyright (c) 2022 Eze Promise
Copyright (c) 2022 [Eze Promise, Amr Ahmed, Michael Oladele, Alejandro Ramos].

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
Expand Down
81 changes: 81 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
![](https://img.shields.io/badge/Microverse-blueviolet)

## MedBook

> Do you want keep track of your doctors appointments? Welcome to MedBook!

Landing Page | Signup Form
:------:|:-----:
![image](https://user-images.githubusercontent.com/87689547/162473098-14c0c8fb-066c-4f94-86a7-f18f21b97958.png) | ![image](https://user-images.githubusercontent.com/87689547/162473198-806cbaa1-2d1e-4c97-8b22-2823342711e4.png)


Add Doctor | Book Appointment
:------:|:-----:
![image](https://user-images.githubusercontent.com/87689547/162473374-e2e3960b-e569-45e7-8274-30cd8c97e92c.png) | ![image](https://user-images.githubusercontent.com/87689547/162473422-c4ddcb53-7467-411d-acb1-199d69e4b4cf.png)

Add Doctor Dark Theme | Mobile Version
:------:|:-----:
![image](https://user-images.githubusercontent.com/87689547/162473476-3214a877-a8a5-42e9-b861-03c0e1be0420.png) | ![image](https://user-images.githubusercontent.com/87689547/162473589-b13ec5ea-078d-45f1-bea6-dbfb3db03c0a.png)

Book Appointment Dark Theme | Mobile Version
:------:|:-----:
![image](https://user-images.githubusercontent.com/87689547/162473758-4f5a734b-67e9-4f7b-b069-14aa48f109e4.png) | ![image](https://user-images.githubusercontent.com/87689547/162473893-0df24aa7-1d23-48d1-b68e-19bddaf4edfe.png)

## Built With

- React
- Redux
- [Rails API]('http://codepantha/medbook-api')
- Tailwindcss

## Set up locally

- Open your terminal and run the following command: <code>git clone https://github.com/codepantherr/medbook.git</code>
- Run the command <code>cd medbook</code>
- Run the command <code>npm install</code>
- Run the command <code>npm start</code>

Once you completed this steps you should see the app running at: http://localhost:3000/ in your browser.

## Authors πŸ‘€

πŸ‘€ **Amr Ahmed**

- GitHub: [@Amrhub](https://github.com/Amrhub/)
- LinkedIn: [Amr Ahmed](https://www.linkedin.com/in/amr-abdelrehim-ahmed/)

πŸ‘€ **Michael Oladele**

- GitHub: [@micheaol](https://github.com/micheaol)
- Twitter: [@micheaol](https://twitter.com/micheaol)
- LinkedIn: [@micheaol](https://www.linkedin.com/in/micheaol/)

πŸ‘€ **Alejandro Ramos**

- GitHub: [@AlexRS90](https://github.com/AlexRS90)
- Twitter: [@AlejandroRBenji](https://twitter.com/AlejandroRBenji)
- LinkedIn: [@AlexRS90](https://www.linkedin.com/in/AlexRS90/)

πŸ‘€ Promise Eze

- GitHub: [@codepantherr](https://github.com/codepantherr)<br>
- Twitter: [@codepantherr](https://twitter.com/codepantherr)<br>
- LinkedIn: [@promise-eze](https://www.linkedin.com/in/promise-eze/)<br>

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/AlexRS90/space-travelers/issues)

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Thanks to [Murat Korkmaz](https://www.behance.net/muratk) for the [UI design](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign).

## License

- [MIT License](./LICENSE)
Loading