SocialXpress

I am just starting my programming journey, and I am excited to share that I have completed my first React project using Firebase! I created a social media platform called SocialXpress, which has additional features like storage management for all users. The platform functionalities were inspired by popular platforms like Facebook. As a beginner in React, there might be some errors that I need to fix, but I am determined to learn and improve my skills. Overall, I am happy with my progress and looking forward to continuing my programming journey.

Features

1. Add and Delete Posts

Easily create and manage your posts. SocialXpress allows users to add new posts and delete existing ones, giving you full control over your content.

2. Image Compression

SocialXpress automatically compresses images attached to your posts, ensuring faster load times and efficient use of storage.

3. Google Authentication

Enjoy the convenience of logging in with your Google account. SocialXpress integrates Google authentication for a seamless and secure login experience.

4. Storage Management

Optimize your storage space with SocialXpress. The platform intelligently manages storage, ensuring efficient use and preventing unnecessary clutter.

5. Progress Bar

Keep track of your upload progress with the built-in progress bar. Easily monitor the status of your post uploads for a smoother user experience.

6. Logo Image Resizing

Customize your platform's appearance by resizing the logo image. SocialXpress makes it easy to tailor the visual elements to your liking.

7. Custom Banner

Personalize your profile or page with a custom banner. Add a unique touch to your SocialXpress presence with the ability to set a custom banner image.

8. User Info Page

Get a comprehensive overview of your or Others user information. The User Info page provides insights into your SocialXpress activity, making it easy to manage your profile.

Installation

1. Clone the repository.

2. Install dependencies using npm install

3. Run the server using npm start

Usage

###1. Open the app in your browser.

###2. Sign in using your Google account.

###3. Create a post by clicking on the "Add Post" button.

###4. Delete a post by clicking on the "Delete" icons.

###6. View your user info by clicking on Your profile image or others.

Contributing

Contributions are welcome! Please follow the steps below:

1. Fork the repository.
2. Create a new branch.
3. Make your changes and commit them.
4. Push to your forked repository.
5. Create a pull request.