https://github.com/r2hu1/mysocials

an open-source link-in-bio tool designed to simplify the management of social media links. Built with Next.js, Shadcn, and MongoDB (updated)
https://github.com/r2hu1/mysocials

javascript linkinbio linkinbio-alternative linktree-clone linktree-custom nextjs nextjs-linktree nextjs-project nextjs14 react shadcn-ui tailwindcss

Last synced: 10 months ago
JSON representation

an open-source link-in-bio tool designed to simplify the management of social media links. Built with Next.js, Shadcn, and MongoDB (updated)

• Host: GitHub
• URL: https://github.com/r2hu1/mysocials
• Owner: r2hu1
• License: gpl-3.0
• Created: 2024-01-02T18:11:01.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-07-25T13:28:51.000Z (almost 2 years ago)
• Last Synced: 2024-07-25T15:26:42.177Z (almost 2 years ago)
• Topics: javascript, linkinbio, linkinbio-alternative, linktree-clone, linktree-custom, nextjs, nextjs-linktree, nextjs-project, nextjs14, react, shadcn-ui, tailwindcss
• Language: JavaScript
• Homepage: https://mysocialz.vercel.app/
• Size: 978 KB
• Stars: 40
• Watchers: 1
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          
# MySocials

MySocials is an open-source link-in-bio tool designed to simplify the management of social media links. Built with Next.js, Shadcn, and MongoDB, this project provides a seamless way to share multiple links using a single landing page.

## Preview

- Homepage

![MySocials Preview](/public/assets/preview.png)

- User Page

![MySocials Preview](/public/assets/homepage-dark.png)

## Features

- **Customizable Profiles:** Create personalized profiles with unique backgrounds, colors, and profile pictures.

- **Multiple Links:** Add and manage multiple social media links in one place.

- **Analytics:** Not avilabe for now but i will add it in serval days.

- **Responsive Design:** Ensures compatibility and optimal viewing across various devices.

## Technologies Used

- **Next.js:** Utilized for building a fast and scalable React-based web application.

- **Shadcn:** Helps in styling and designing user interfaces effectively.

- **MongoDB:** Stores and manages user data and link information.

## Installation

To run this project locally, follow these steps:

1. Clone the repository: `git clone https://github.com/r2hu1/mysocials.git`

2. Install dependencies: `npm install`

3. Set up MongoDB and configure the connection string in the application.

4. Create a `.env.local` file

5. Add mongodb and clerk's environment variables

7. Start the development server: `npm run dev`

## Usage

1. After setting up the project locally, access the application at `localhost:3000`.

2. Create an account or log in.

3. Customize your profile, add social media links, and save changes.

4. Share your unique MySocials link with your audience.

## Contribution

Contributions to improve MySocials are welcome! Here's how you can contribute:

- Fork the repository.

- Create your branch: `git checkout -b feature/YourFeature`

- Commit your changes: `git commit -am 'Add some feature'`

- Push to the branch: `git push origin feature/YourFeature`

- Submit a pull request.

Please ensure any contributions align with the project's guidelines and code of conduct.

## License

MySocials is licensed under the [GPL-3.0 license](https://github.com/r2hu1/mysocials/#GPL-3.0-1-ov-file).

## Support

For any questions, issues, or support, feel free to contact [Rahul Rajput](https://rahul.eu.org).

Thank you for using MySocials! We hope it simplifies your social media presence.