🔗 Tattoo Studio Frontend Project 🔗

Welcome to my Tattoo Studio frontend project using React in conjunction with a custom REST API made by me!

Table of contents 📝

1. About the project
2. Deploy
3. Stack
4. Clone
5. Features
6. Future Improvements
7. Contribution
8. Development
9. Appreciation
10. Contact

About the project 📁

This Tattoo Studio frontend project is built using React to create a dynamic, user-engaging platform. It connects with a REST API developed with TypeORM, TypeScript, Express, and Node.js to interact with tattoo studio data. Features include booking appointments, managing user profiles, and browsing artist portfolios as well as admin view to manage t.

Deploy 🚀

Visit the live website here! 🚀🚀🚀

Stack

Technologies used for the project:

Local installation option ⚙️

1. Clone the repository from the URL: git clone https://github.com/yourusername/tattoo-studio-frontend.git
2. Go into the cloned repostiory cd tattoo-studio-front
3. Install npm packages: npm install
4. From the REST API project clone it as well from this link: git clone https://github.com/yoanastamenova/Tattoo_Studio--back Start the REST API server: npm run dev Open http://localhost:4000 to view the project in the browser.

• If you dont have SQL installed locally you can check the documentation of the REST API for a docker command to obtain it

5. Start the React project npm run dev Open http://localhost:5174(or whatever path it was given) to view the project web page view in the browser.

Views

Features ⚒

User Authentication:

• Register new users.
• Login with email and password.

Appointments:

• Book new appointments.
• View and manage existing appointments.

Artist Portfolio:

• Browse tattoo artist portfolios.
• Select preferred artist for an appointment.

Interactive UI:

• Responsive design ensuring compatibility across various devices and screen sizes.
• Dashboard for Admins/Artists: Manage appointments, services, and user roles.

Future Improvements 💡

✅ Implement artist picture uploads.
⬜ Real-time notifications and reminders for upcoming appointments.
⬜ Enhanced filtering options for artist portfolios and bookings.
⬜ Integration of a payment gateway for advance bookings.

Contribute to the project 📦

Feel free to suggest an improvment or functionality to my project.

There are two ways of doing this:

1. Opening an issue
2. Creating a fork of the repository
   • Creating a new branch

     $ git checkout -b feature/yourUsername -feat
     

   • Make a commit with your changes

     $ git commit -m 'feat: this X thing'
     

   • Make a push to the branch

     $ git push origin feature/yourUsername -feat
     

   • Opening a Pull Request

Web refferences 📧

To achieve my project I used data from the following sites:

• google.com
• nobleart.com
• ink.com
• ...

Development 📌

const developer = "yoanastamenova";

console.log("Developed by: " + developer);

Appreciation 📍

Forever gratefull to GeeksHubs Academy for the oportunety to learn and grow on my career path. ❤️

Contact 📤