Application is built with React.Project is focused on providing potential clients with an accessible platform to view the artist's portfolio and easily book appointments.
The heart of the application, the Gallery, displays all the tattoo images. Users can view images with pagination, like, and comment on them. Only registered users have the ability to interact with images.
There are 3 types of users: Visitor, User and Admin. Users can register on the platform to access additional features such as liking images, leaving comments,editing his comment, making reservations, and managing their profiles.
The Booking allows users to make reservations for tattoos. This feature optimize the appointment process, making it convenient for both the artist and the clients.
An admin account is granted special privileges, including the ability to upload and delete images from the Gallery.Also can remove or edit comments. This ensures control over the content displayed on the application.
Each registered user has a dedicated Profile containing information about their reservations and other details. Users can edit their profile information or choose to delete their profiles.
The Contacts provides essential information for clients, including the studio's location on Google Maps, working hours, and address.
| ACCESS/FUNCIONALITY | Visitor | User | Admin |
|---|---|---|---|
| Gallery |  |
|
|
| Booking | |
|
|
| Contact | |
|
|
| Profile/Edit profile |  |
|
|
| Upload | |
|
|
| Booking | |
|
|
| Like/Comment image | |
|
|
clone repository
git clone https://github.com/viiktorstefanov/Urban-Tattoo-React.git
navigate to the "client" folder:
cd client
Type in the terminal
npm i
Install all dependecies and then go for:
npm run start
Open new terminal and type:
cd ../
cd server
Install all dependecies for the server:
npm i
Then run the server:
npm start
WARNING!
Do not forget to change host to local from \src\service\request.js
- Browse through the tattoo images listed on the Gallery with pagination.
- Registered users can like and comment on images.
- Admin can upload new images and delete existing ones.
- Make reservations for tattoos on the Booking.
- Provide necessary details, such as preferred date and time.
- View and edit user profile information.
- Access information about past and upcoming reservations.
- Delete the user profile if needed.
- Find information about the studio's location on Google Maps.
- Check working hours and address details.
- Information about studio and tattoo artists.
- Log in with admin credentials to access special privileges.
- Upload new tattoo images to the Gallery.
- Delete existing images from the Gallery.
- Delete or edit comments.
on register form use: _admin for lastName.
- Front-End deployed on Firebase.
- Back-End deployed on Railway.
You can check it here Urban Tattoo Sofia
