Welcome to the Old Ink's frontend api documentation. This api recreates a fictional website of a tatto studio. This project is the frontend of backend_services project.
- About the project 🎨
- Stack ⚓
- Local installation 💻
- Roots 🔗
- Bugs 🐜
- Cool detail 🎉
- Future features ✨
- Author ✒️
- Acknowledgements 🙏
This project is the frontend part of a fictional tattoo studio. React has been mainly used. This project connects to a MySQL database from project backend_services.
On the Home page we find a small description of the tattoo studio, as well as the registration buttons (which redirects the user to the registration area) and the services button (which redirects the user to the services area that are performed in the tattoo studio. tattoos) At the top, we find a header that is the navigation bar with the buttons: Home, Login and Register, which redirect the user to the different pages of the website.
In the Login area, the user can log in through a form. Once the user has been logged in, the login header changes to the user's name and if clicked redirects to said user's profile. In the profile, the user can edit the data: name, surname and email. Additionally, you can access the appointment area, through the appointment button.
On the appointments page, the user can view and delete their upcoming appointments as well as create a new appointment.
- Go to: backend_services
- Clone the repository
$ git clone https://github.com/ariusvi/backend_services - Install dependencies
$ npm install --y - Start Express on the server
$ npm run dev - Run migrations
$ npm run run-migrations
- Clone the repository
$ git clone https://github.com/ariusvi/react_tattoostudio - Install dependencies
$ npm install --y - Start Express on the server
$ npm run dev
- User
id: "1",
first_name: "user",
last_name: "user_apellido",
email: "[email protected]",
password: 123456,
role: "user"- Admin
id: "2",
first_name: "admin",
last_name: "admin_apellido",
email: "[email protected]",
password: 123456,
role: "admin"- Super_admin
id: "3",
first_name: "super_admin",
last_name: "superadmin_apellido",
email: "[email protected]",
password: 123456,
role: "admin"- Home
- Login
- Register
- Services
- Profile
- Appointments
- super_admin Profile
- superadmin access
- There isn't time restriction at Appointments, user only choose a date
- Services are choosen by ID, not by name.
Loading gif created with ldrs library
- Date and time restrictions when create an appointment
- Ability to modify service and date in an already scheduled appointment
- Allow super admin to create and modify services
- Responsive design
- Deploy backend and frontend
- Design a footer
- Ana Rius
Thanks to my classmates:
Pedro for his patience and help, especially to confirm that I understand things.
Marina and Marta for her moral support, joint laughter and tears, as well as her help.