Welcome to my Dental Clinic frontend app

Fifth project in Geekshubs Academy FSD 04-2023

Contet: 📝

1. Target
2. About the project
3. Stack
4. Installation
5. Development
6. Endpoints
7. Future functionalities
8. License
9. Acknowledgments
10. Contacts

Target

On this occasion the requirement was to generate a front-end that connects with our API that manages the business model of a dental clinic.

About the project

The purpose was to build a front-end of the app with logical and comfortable use, in order that users, professionals and an administrator can access it and be enabled to perform various tasks with access that each one has. All this connected with the backend of the previous project, so we would have a fully functional app.

Stack

Installation

you can test the application by following these steps: Clone the project on your computer $ git clone 'url-repository' Install all dependencies $ npm install Create a .env with the credentials on the .env.example Start server with: $ npm run dev Connect with the database following: $ npx sequelize-cli db:create $ npx sequelize-cli db:migrate $ npx sequelize-cli db:seed:all Now is time for frontend project: Clone the project on your computer $ git clone 'url-repository' Install all dependencies $ npm i Start server with: $ npm run dev Last step download the dataBase: Data base Git-Hub

Development

The first thing to start the project was to have clear the layout of the application. Based on the previously done back-end work, the creation of views was easier and more intuitive. I had to make an outline of all the access points - executions that my app would have to perform and then calculate the actual time it will take me to implement it.

Endpoints

Currently the following actions can be performed in this app:

• Login
• Register
• Logout
• My Profile (for each role)
• Access to personalize your personal data (from My Profile)
• Access to your appointments (from My Profile)
• Book appointment (from My Profile or Navbar)
• Home page
• View of treatments
• View of the clinic's doctors
• View of all users (by Admin)
• View of all appointments (by Admin and Doctor)
• View of My Appointments (by Doctor)
• Acces to cancel Appointment (by token)
• Contacts view

Future functionalities

If I could devote more time to develop this project, I would have liked to implement more functionalities, like being able to modify your appointment (not only cancel), implement more security of the application itself, create a "contact us" form and be able to practice the detail view function for users and appointments.

License

This project is belonging to license Creative Commons Legal Code.

Acknowledgments:

I thank my teachers for their time dedicated to this project:

• Dani
  

• Jose
  

• David
  

• Mara
  

Contacts