Wish Whisper

Description

Wish Whisper is a social networking platform focused on elegant event organization. With features like effortless event creation, integrated fundraising, and group/private live chats, it simplifies event planning and enhances communication. Built with React.js, Express.js, and PostgreSQL, it offers a seamless user experience while providing essential social networking functionalities like friendlist management and profile customization.


Demo

Profile/Friends

Screen.Recording.2023-05-21.at.12.02.30.mov

Future Development

Wish Whisper is a newly launched project, and we understand the importance of providing a usable platform as quickly as possible. However, we acknowledge that certain crucial features are currently missing. We want to assure you that we are actively working on delivering these features in the near future. Stay tuned as we continue to enhance Wish Whisper to meet your expectations.

Friend Request

We understand the frustration caused by the current functionality that allows adding people to our platform without their consent. We acknowledge that this is not an ideal experience, and we want to assure you that addressing this issue is our top priority. We are actively working on a solution to fix this and provide a more user-friendly experience. Thank you for your patience as we strive to improve our platform.

Active Now

At Wish Whisper, we recognize the significance of keeping track of your friends' activity on our platform. We understand that having the ability to see who is currently active is an awesome feature that can greatly enhance your social networking experience. We are thrilled to announce that implementing this feature is one of our top priorities in the upcoming updates.

Live Feed

At Wish Whisper, our goal is to create a warm and inviting platform for you and your friends, where you can freely share your thoughts, photos, and videos. We strive to provide a cozy space where you can engage with your social circle and express yourself through various forms of media.

More and More

We are committed to providing our users with the best and most up-to-date features of modern web communication. We continually monitor the latest advancements in social platforms to ensure that our users have access to cutting-edge functionalities. Our aim is to create an innovative and dynamic environment where you can stay connected with the latest trends and enjoy an exceptional user experience.


Dependencies

To run the Wish Whisper project locally, you'll need the following dependencies:

  • Node.js (v14.0.0 or higher)
  • npm (v6.0.0 or higher)
  • PostgreSQL (v10.0 or higher)

Getting Started

To get started with the repository final-project, follow these steps:

  1. Clone the repository to your local machine.

  2. Navigate to the project directory:

  3. Inside the project directory, you will find two main directories: express-backend and react-frontend.

  4. First, let's set up the Express backend:

  • Navigate to the express-backend directory:

    cd express-backend
    
  • Create a .env file based on the provided .env.example file. Update the configuration settings as needed.

  • Install the dependencies by running the following command:

    npm install
    
  • Once the dependencies are installed, start the backend server:

    npm start
    
  1. Now, let's set up the React frontend:
  • Open a new terminal or command prompt window.

  • Navigate to the react-frontend directory:

    cd ../react-frontend
    
  • Install the dependencies by running the following command:

    npm install
    
  • Once the dependencies are installed, start the frontend server:

    npm start
    
  1. After following these steps, the backend server will be running on one port, and the frontend server will be running on another port. You can access the application by opening your web browser and visiting http://localhost:3000 (or a different port if specified).

Now you're ready to explore and use the features of the final-project repository. Enjoy!