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 🌬️.
- 🤖 Project Overview
- ⚙️ Tech Stack
- 🌟 Features
- 📸 Screenshots
- 🚀 Getting Started
- 🐳 Docker Instructions
- 🤝 Contributing
- 📄 License
- 📧 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)
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:
npm install
# or
yarn installthen, run the development server:
npm run dev
# or
yarn devOpen 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:
-
Pull the latest image from Docker Hub.
docker pull deepsingh132/artsphere:latest
-
Run the Docker image with the following command:
docker run --env-file .PATHTOYOURENVFILE -p 3000:3000 deepsingh132/artsphere:latest
Open 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 can be accessed on 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 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.
ArtSphere is licensed under the MIT License. You are free to use and modify the code, so long as you include the appropriate attribution.
If you have any questions or suggestions regarding the project, please feel free to reach out to me at [email protected].
Join ArtSphere, the canvas of endless creativity, and unleash the artist within you!