Table of contents

• Configuration
• Run
• Folder structure
• Demo
• Features

Dental clinic app

It's a responsive web application made by Rubén Fernández and Jarki Melendez for appointments administration.

Made with:

• React 17
• NodeJs with express
• MySQL with sequelize

Configuration

• Backend: Download and install the backend repo

• Dependencies: Clone this repository and on root folder run command:

    npm install
  

By default the react server will run on port 3000

Run

On root folder run:

    npm start

A new browser tab should open with http://localhost:3000/

You can now use the app

Project folder structure

            ├───public
            └───src
            ├───components
            │   ├───alertPopUp
            │   ├───appointmentCard
            │   ├───appointmentMessage
            │   ├───covid
            │   ├───dashboardCard
            │   ├───footer
            │   ├───homeCard
            │   ├───loginMessage
            │   ├───logo
            │   ├───navbar
            │   ├───searchInput
            │   └───signupMessage
            ├───containers
            │   ├───contact
            │   ├───dashboard
            │   ├───home
            │   ├───login
            │   ├───newAppointment
            │   ├───signup
            │   └───viewAppointments
            ├───img
            └───services

Demo

Features

• Homepage with fictional treatments offered by the clinic

• Signup page

• Login page

• Client users will be redirected to a dashboard once logged in and they can see their upcoming appointments info

• If the logged user is an Admin, it will be redirected to a view of pending appointments instead

• Admin can cancel pending appointments

• Admin can also create new appointments. Originally the backend didn't show users or doctors list, so the admin must know the IDs of users and doctors to create appointments

Authors

Rubén Fernández

Jarki Melendez

TOP