
Party Center Friends is a **React-based web page** designed for a kids' party center that organizes games and parties for children.

**[Live Demo: Visit Party Center Friends](https://partycenterfriends.com/)**

## Key Features:

### Authentication
- User registration and login system.
- Allows login with email and password or through Google profile integration.

### Accessibility
- **Unregistered Users**: Can access all pages except like/dislike functionality on photos.
- **Admin Users**: Can upload, edit, delete photos, tag users, and monitor site statistics.

### Firebase Integration
- Firebase as the backend database ensures seamless data management and real-time synchronization for a smooth user experience.

## Tech Stack:
- **React**: For a dynamic and responsive user interface.
- **Firebase**: For real-time data storage and secure authentication.

## Screenshots:

- **Home Page (No User Logged In)** ![home](https://github.com/user-attachments/assets/7e55e8db-e613-4b14-bdc6-ea0a2e861793)
- **Home Page (Logged In)**

## Additional Pages:

- **Contacts** ![contacts](https://github.com/user-attachments/assets/2ed2ff81-b945-4b6d-95f7-70ba8d3b4dff)
- **Login Page** ![login](https://github.com/user-attachments/assets/9d294845-ed2c-4928-9a87-23d69e3acdbe)
- **Register Page** ![register](https://github.com/user-attachments/assets/cfa006e1-507b-4e2b-a8da-175613446f6e)
- **Terms Page** ![terms](https://github.com/user-attachments/assets/342b3fe0-fb8f-4214-8ced-47c73fc1c0bf)
- **Gallery** ![gallery](https://github.com/user-attachments/assets/181a185f-aad1-4acf-9be7-34a1eb8eabc2)
- **Book Page** ![book](https://github.com/user-attachments/assets/e767c4ec-86da-4a72-81fe-707f422aa757)
- **Single-image Page** ![image-card](https://github.com/user-attachments/assets/e2e57587-6d00-4699-9ad0-dd763097c480)
- **Upload Page** ![upload](https://github.com/user-attachments/assets/11bbf51a-101f-45c6-967e-c6c4a75e0738)
- **Edit Page** ![edit](https://github.com/user-attachments/assets/5ae4b24d-96f2-4a56-8934-f3981580fc55)
- **Statistics Page** ![statistics](https://github.com/user-attachments/assets/0befc6c0-52df-4f71-8e7c-cf988cb7e9f5)
- **404 Page** - Custom error page for unavailable content.

## Video Overview
Watch a brief video of the app in action [here](https://www.youtube.com/watch?v=X4TxyevenR0).



Party Center Friends


ChatApp is a **web application** created using **Express.js**, **React.js**, and **MongoDB** that allows users to log in and engage in real-time messaging. This project aims to expand knowledge in React, MongoDB, and additional tools like **Tailwind CSS**, **DaisyUI**, and **Socket.io** for live updates.

**[Live Demo: Visit ChatApp](https://chatappproject-fjq6.onrender.com)**

## Key Features

### Real-Time Messaging
- **Send and receive messages instantly**: Users can communicate in real-time using Socket.io for live updates.
  
### Authentication
- **User login and registration**: Secure login and signup functionality.

### Notifications
- **Sound alerts**: Users receive audio alerts when a message arrives in an active conversation.

### User Presence
- **Online status**: Displays online status indicators for users.

### Responsive Design
- The application is responsive, working smoothly on both desktop and mobile devices.

## Tech Stack
- **React**: Used for creating the dynamic user interface.
- **Express.js** and **MongoDB**: Serve as the backend and database for handling user data and messages.
- **Socket.io**: Provides real-time messaging capabilities.
- **Tailwind CSS** and **DaisyUI**: Style the interface for a modern look and feel.

## Screenshots:

- **Login Page** ![LoginPage](https://github.com/user-attachments/assets/c76b805e-eeee-4884-9a89-d79e3381d52d)
- **SignUp Page** ![SignUpPage](https://github.com/user-attachments/assets/695b397f-970a-48ec-8593-20f4c9919f87)
- **Home Page (No Chat Selected)** ![HomePageNoChatSelected](https://github.com/user-attachments/assets/264f7e6b-ba15-4137-9f1d-4c0d9a16a455)
- **Home Page (With Chat Selected)** ![HomePageWithChatSelected](https://github.com/user-attachments/assets/134e5036-3299-4993-ae76-1b88de8ee9a3)

## Installation

1. **Install Dependencies**:
   ```bash
   npm install
2. **Start the backend server**:
   ```bash
    npm run server
3. **Start the frontend development server**:
   ```bash
   npm run server

  

ChatApp


# FixComputers

**FixComputers** is a  IT solutions provider specializing in comprehensive computer repair services, network solutions, and IT support. Based in Bulgaria, FixComputers ensures top-notch service and customer satisfaction.

**[Visit FixComputers](https://fixcomputers.bg/)**

## Key Features

### Expert Computer Repair
- **Hardware and software repairs**: From screen replacements to software troubleshooting.
  
### Network Solutions
- **Home and business networking**: Setup and maintenance of secure and efficient networks.

### IT Support
- **Remote and on-site support**: Ensuring your IT systems operate smoothly with expert support.

### Data Recovery
- **Advanced data recovery services**: Recover lost data from damaged or failing storage devices.

## Technologies Used
- **State-of-the-art diagnostic tools**: Ensuring accurate and efficient problem identification.
- **Certified technicians**: Highly skilled and certified professionals dedicated to solving your IT issues.

## Screenshots:

- **Homepage**: ![Homepage](https://api.pikwy.com/web/6729c536b4c8b30b2e23f78c.png) 
- **Services Page**: ![Services Page](https://api.pikwy.com/web/6729ce517cc242788f2841a3.png)


FixComputers


The Kid's center is a **the** place where you can book a great patry for your kids.




## Key features of the app:

- Implemented google maps
- Visited counter integrated on each login
- Sending an email to each subscribed user
- React date picker integrated - so that the there cannot be two events in one day

## The basic functionality of the app is as follows

- Unregistered users can access the home page, find us page, login, and register.
- After successfully logging in, the user has access to all pages.
- On the about page, you can toggle more and less info.
- On the pacages page, you can find more information about the offered packages, and the info can be toggled.
- On the party's list, you can find info about all listed parties.
- Users can create a new party. Validation and error handling are in place.
- Parties can be edited by the author. The date cannot be changed. The author can also delete the party, and a toaster message is displayed.
- Successful logout redirects to the login page.
- New users can sign up after entering a valid email and password. Validation is in place for both fields, including the repeat password.
- After successful login, the page visited counter increases by one.
- Logged-in users can update their profile picture.
- The links in the header are active and functional.
- Subscribing to the page will trigger a welcome message to the entered email, and a subscriber message will appear from the toaster.

## Watch a brief video of the app


Learn more about it by 

- [visiting the web page here](https://exam-5da15.web.app/)
or
 - [watch the video here](https://www.youtube.com/watch?v=EohIGngL4iE).






The Kid's center



Marine solutions center is a **single page aplication with Angular**.

It is designed as a platfor for creating and posting jobs for seafarers. 

## Key features of the app:

- On the app landing page, you can find brief information about the web page, and it can be toggled to view more or less info.
- Not registered users can view the home page and the jobs but not the details. Once the details are pressed, they are redirected to the login page. 
- At the login page, users must fill up the correct email and password. Validation and error handling are in place for the email and password, and a pop-up message with the toaster is displayed in case of successful or unsuccessful login.
- After successful login, the user is redirected to the home page. In the "Opened jobs" section, they can browse through the available jobs. They can also subscribe to a respective job, and the subscribers' counter for the corresponding job increases. Subscription can be done only once. 
- Logged in users can create a new job. All fields must be correctly filled up, and validation of the form inputs is implemented.
-The user can edit their own job by changing the input field values, and validation of the form is implemented. 
- The user, the author of the job, can also delete it. A confirmation window must be activated to confirm the deletion, and the user is redirected to the home page.
- Logout redirects the user to the landing page. 
- Unregistered users can sign up by entering a valid name, email, and password. The repeat password must match the password, and validation is implemented for all fields. 
- Upon signing up, the user is redirected to the home page. They can update their profile by filling up First Name, Last Name, Phone, Address, and uploading an image. A toaster message pops up upon upload and save completion.




## Watch a brief video of the app

Learn more about it [watch the video here](https://www.youtube.com/watch?v=_qLGwOMNAx8).


Marine solutions center


The memory game is **the**  place where you can practice your ability to memorize images.




## Key features of the app:

- Implements React
- Practices the usage of useState hoo


## Visith the game and try it

Learn more about it [play here](https://memory-a4b35.web.app/).






All Projects

Party Center Friends

ChatApp

FixComputers

The Kid's center

Marine solutions center

The memory game