Storyscape is social media platform. Allow users to capture, share, and connect with the world. Businesses can leverage its influence to showcase products, connect with audiences, and craft compelling brand narratives.
MIT License
(UPDATE) - with the latest dependencies updates, you will have to do some small config changes.
Storyscape is an innovative social media platform designed to facilitate seamless content sharing, connectivity, and engagement on a global scale. This repository serves as the central hub for technical documentation and resources essential for understanding and integrating with Storyscape's robust functionalities.
Storyscape leverages cutting-edge technologies to provide users with an immersive social media experience. By utilizing TypeScript, React, Next.js, Tailwind CSS, and other advanced tools, Storyscape aims to redefine user interaction with content, fostering meaningful connections within a vibrant online community.
Storyscape utilizes a variety of technologies to deliver its comprehensive set of features. The primary technologies include:
Storyscape offers a suite of innovative features and functionalities that cater to the needs of modern social media users:
Find below a list of sample images showcasing Storyscape's interface and features:
Log in
Register
Home page
Home page logged out
Home page zoomed out
Profile page
Upload page
Single post
Upload video
Crop image
Edit profile
Personal feed
Search results
Dropdown menu
Home page
Profile page
Upload page
Single post
Personal feed
To set up Storyscape locally, follow these steps:
cd storyscape
npm install
# or
yarn install
# or
pnpm install
# or
bun install
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
http://localhost:3000
.Configure the following environment variables in your .env
file:
NEXT_PUBLIC_APPWRITE_URL='https://cloud.appwrite.io/v1'
NEXT_PUBLIC_ENDPOINT=''
NEXT_PUBLIC_DATABASE_ID=''
NEXT_PUBLIC_COLLECTION_ID_PROFILE=''
NEXT_PUBLIC_COLLECTION_ID_POST=''
NEXT_PUBLIC_COLLECTION_ID_LIKE=''
NEXT_PUBLIC_COLLECTION_ID_COMMENT=''
NEXT_PUBLIC_BUCKET_NAME="Storyscape"
NEXT_PUBLIC_BUCKET_ID=''
NEXT_PUBLIC_PLACEHOLDER_DEFAULT_IMAGE_ID=''
Key | Type |
---|---|
Document ID |
String |
image |
String |
bio |
String |
user_id |
String |
name |
String |
Profile Indexes:
KEY | TYPE | ATTRIBUTE | ASC/DESC |
---|---|---|---|
user_id | key | user_id | asc |
name | fulltext | name | asc |
Profile Settings (Update Permissions):
Add Role | PERMISSIONS |
---|---|
All guests | Read |
All users | Create, Read, Update, Delete |
Key | Type |
---|---|
Document ID |
String |
user_id |
String |
video_url |
String |
text |
String |
created_at |
String |
Post Indexes:
KEY | TYPE | ATTRIBUTE | ASC/DESC |
---|---|---|---|
user_id | key | user_id | asc |
Profile Settings (Update Permissions):
Add Role | PERMISSIONS |
---|---|
All guests | Read |
All users | Create, Read, Update, Delete |
Key | Type |
---|---|
Document ID |
String |
user_id |
String |
post_id |
String |
Like Indexes:
KEY | TYPE | ATTRIBUTE | ASC/DESC |
---|---|---|---|
user_id | key | user_id | asc |
id | unique | id | asc |
post_id | key | post_id | asc |
Like Settings (Update Permissions):
Add Role | PERMISSIONS |
---|---|
All guests | Read |
All users | Create, Read, Update, Delete |
Key | Type |
---|---|
Document ID |
String |
user_id |
String |
post_id |
String |
text |
String |
created_at |
String |
Comment Indexes:
KEY | TYPE | ATTRIBUTE | ASC/DESC |
---|---|---|---|
post_id | key | post_id | asc |
Comment Settings (Update Permissions):
Add Role | PERMISSIONS |
---|---|
All guests | Read |
All users | Create, Read, Update, Delete |
bucket Settings (Update Permissions):
Add Role | PERMISSIONS |
---|---|
All guests | Read |
All users | Create, Read, Update, Delete |
Contributions to Storyscape are welcome! To contribute, follow these steps:
git checkout -b feature/improvement
).git commit -am 'Add feature/improvement'
).git push origin feature/improvement
).Storyscape is licensed under the MIT
License. See LICENSE for more information.