SocialSync is a social media platform built with the web technologies including TypeScript, React, Sass, Nodejs, Express, and MySQL. With its sleek and intuitive interface, users can easily create profiles, connect with friends, and share photos and posts with their network.

To show your support, kindly consider creating a Pull Request and favoriting this repository with a star ⭐
Your support means a lot to me.❤️

         

Technologies • Demo • Features • Getting started • Contributing • Contact Me

🔧Technologies

             

✨Demo

Watch socialsync in action (external link) 👇

🔥Features

• Follow and unfollow other users
• Liking and disliking user posts
• Write a comment
• Updating user information, including profile picture, background, name, etc.
• Using Context-API as state management
• Fully responsive
• Multi-theme (Dark/Light)

(BACK TO TOP 🔝)

🚀Getting Started

1. Sign up in one of the Cloud computing services sites (I used Liara) and get DB_HOST, DB_USER, DB_PASSWORD, DB_NAME and DB_PORT.

2. Clone the project

git clone https://github.com/amirmalekian/SocialSync.git

3. Install project dependencies for both the api folder and the client

npm install
#or
yarn add

4. Add .env file to root api folder project, and enter your‍ ‍PORT, JWT_KEY with Database information into .env

PORT=[ENTER YOUR DESIRED PORT]
JWT_KEY=[ENTER YOUR TOKEN]
DB_HOST=[ENTER YOUR DB_HOST]
.
.
.

5. Run the development server for both the api and client in the root path of both folders:

npm run dev
# or
yarn dev

Open http://localhost:5173 with your browser to see the result.

🤝Contributing

The community is always looking for talented individuals to share their knowledge and creativity to build innovative projects that will change the world.

Contributing to open source projects not only benefits the community, but it also helps you grow as a developer by learning new skills, collaborating with others, and gaining recognition for your contributions.

We greatly appreciate any contribution you can make to our project. Whether it's a suggestion, bug report, or enhancement, your input is invaluable to us.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Don't forget to give our project a star to show your support! We're excited to see what amazing features you'll bring to our project. Thank you for your contributions!

💬Contact Me

if you need help, ask me. I will try to answer as soon as possible.

---

(BACK TO TOP🔝)