Code Monkey home page Code Monkey logo

braincee / doctors-appointment-front-end Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 16.24 MB

Microverse Final Group Capstone Project: A Doctor Appointments' web app where registered users can book an appointment based on their preference and intended usage. This project is the front-end part of the final capstone project from Microverse. It is built built using React & Redux.

License: Other

HTML 3.86% CSS 22.32% JavaScript 73.83%
microverse-projects microverse-students react react-router redux redux-thunk redux-toolkit

doctors-appointment-front-end's Introduction

wakatime

Hello 👋 call me Steve

    email     linkedin     medium     twitter     instagram

- 👨🏻‍💻 Full-Stack Web developer from Ghana.

- ⏳ I code and learn new skills daily, build real-time projects, and collaborate effectively with coding partners.

- 🎓 Fully Certified from Microverse.

- 💻 Most used line of code  git push origin main

- ✍️ Quote: One man’s crappy software is another man’s full-time job.

- 👯 Reach out and let's write the code.

😉 Please have a look at My Portfolio website 🌐.

🛠️ Languages and Tools

Coder GIF







doctors-appointment-front-end's People

Contributors

braincee avatar bria222 avatar

Stargazers

avatar

Watchers

avatar

doctors-appointment-front-end's Issues

[2pts] Set up the main page

  • @Bria222 task is it :
    • On the main page, the user can see a list of the items (that you selected as a theme).
    • When the user selects a specific item, they can see the details page.

[3pts] Doctor(add and delete) Items

  • @Bria222 task is to:
    • When the user clicks the "Add Doctor" link in the navigation panel they can see a form for adding a new Doctor.
    • When a user clicks the "Delete Doctor" link in the navigation panel they can see a delete page and be able to delete Doctor

[3pts] Setup the details page

  • @Bria222 task is to:
    • In the details page, the user
      can see the details page with its full description (skip the "Rotate image" button).
    • The user can click the "Reserve" button (in the design you can see the "Configure" button - please replace it with the
      "Reserve" button).

[3pts] Appointments

  • @braincee task is to:
    • To reserve an appointment, the user has to select a date and city (username and selected item are auto-filled).
    • Use the design based on the ["Book a vespa test-ride"](https://www.behance.net/gallery/26425031/Vespa-Responsive-
      Redesign/modules/173005583) and add all necessary inputs.
    • The user can also access the "Appointment" page from the navigation panel. In that case, only the username is auto-filled.
    • When the user clicks the "My Appointment" link in the navigation panel they can see a list of their appointment (with
      information about item name, date and city).

[2pts] My Appointments

  • When the user clicks the "My Appointment" link in the navigation panel they can see a list of their appointment (with
    information about item name, date and city).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.