https://github.com/deepsingh132/artsphere
ArtSphere: Unleash your creativity! A vibrant social media platform for artists worldwide. Showcase, connect, and inspire. Your canvas for artistic expression.
https://github.com/deepsingh132/artsphere
art drizzle drizzle-orm frontend maps next-auth nextjs nextjs13 nodejs postgres react rest-api social-media supabase tailwind twitter twitter-clone typescript vercel x
Last synced: 10 months ago
JSON representation
ArtSphere: Unleash your creativity! A vibrant social media platform for artists worldwide. Showcase, connect, and inspire. Your canvas for artistic expression.
- Host: GitHub
- URL: https://github.com/deepsingh132/artsphere
- Owner: deepsingh132
- License: mit
- Created: 2023-11-03T20:04:38.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-17T12:02:36.000Z (10 months ago)
- Last Synced: 2025-03-17T13:25:41.157Z (10 months ago)
- Topics: art, drizzle, drizzle-orm, frontend, maps, next-auth, nextjs, nextjs13, nodejs, postgres, react, rest-api, social-media, supabase, tailwind, twitter, twitter-clone, typescript, vercel, x
- Language: TypeScript
- Homepage: https://artsphere.vercel.app
- Size: 23.3 MB
- Stars: 2
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ArtSphere  [](https://github.com/deepsingh132/Artsphere/actions/workflows/docker-image.yml) [](https://github.com/deepsingh132/Artsphere/actions/workflows/node.js.yml)
Welcome to ArtSphere 🖼️, a vibrant and innovative social media web app dedicated to the artistic souls of the world. Just like a painter's canvas, the platform provides a blank space for actors, musicians, writers, and visual artists to express themselves and connect with a global community that shares their passion for art and culture, developed with Next.js 13 🔼 and tailwind 🌬️.
## 📋 Table of Contents
1. 🤖 [Project Overview](#project-overview)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🌟 [Features](#features)
4. 📸 [Screenshots](#screenshots)
5. 🚀 [Getting Started](#getting-started)
6. 🐳 [Docker Instructions](#docker)
7. 🤝 [Contributing](#contributing)
8. 📄 [License](#license)
9. 📧 [Contact](#contact)
ArtSphere aims to bridge gaps in art and culture, creating an inclusive virtual sphere where creativity knows no bounds. It's more than just a Twitter replica; it's a creative hub where you can showcase your talents, collaborate with like-minded artists, and explore the endless possibilities of artistic expression.
ArtSphere is built with cutting-edge technologies to provide a seamless and engaging user experience:
- Next.js 14
- TypeScript
- Tailwind CSS
- Supabase
- PostgreSQL (Supabase)
- Drizzle-ORM
- NextAuth
- JsonWebToken (JWT)
- Recoil
- SWR (Data Fetching)
## 🌟 Features
ArtSphere offers a plethora of features designed to inspire and empower artists:
- Profile Showcase: Create a profile that reflects your artistic identity with images, bios, and links to your works.
- Posts and Updates: Share your thoughts, artwork, or performances with the world through text, images, and videos.
- Connect and Collaborate: Connect with fellow artists, follow their journeys, and collaborate on artistic projects.
- Hashtags and Trends: Discover the latest trends and explore a universe of hashtags to find art that resonates with you.
- Notifications: Stay updated with real-time notifications on new followers, likes, and comments on your posts.
- Private Messaging: Engage in one-on-one conversations with your creative peers.
- Verified Profiles: Stand out as a verified artist, enhancing your credibility within the community.
- Dark Mode: Choose the theme that suits your mood and enhances your creativity.
- Explore Art: Dive into a gallery of artistic posts, from poetry and music to paintings and dance.
Desktop
Mobile/Responsive
First, install all the required packages by running:
```bash
npm install
# or
yarn install
```
then, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can run this project using Docker with the latest image from Docker Hub. Make sure you have Docker installed and running on your machine.
Follow these steps:
1. Pull the latest image from Docker Hub.
```bash
docker pull deepsingh132/artsphere:latest
```
2. Run the Docker image with the following command:
```bash
docker run --env-file .PATHTOYOURENVFILE -p 3000:3000 deepsingh132/artsphere:latest
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api](http://localhost:3000/api). These endpoints can be edited in `app/api`.
The `app/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
We welcome contributors who want to make ArtSphere an even better platform for artists. Feel free to fork the repository and submit pull requests to enhance the app.
## 📄 License
ArtSphere is licensed under the MIT License. You are free to use and modify the code, so long as you include the appropriate attribution.
## 📧 Contact
If you have any questions or suggestions regarding the project, please feel free to reach out to me at [mandeeparora132@gmail.com](mailto:email@example.com).
Join ArtSphere, the canvas of endless creativity, and unleash the artist within you!