Visual Tales is a platform where users can express their creativity by posting images with titles and descriptions. Built using React.js and Tailwind CSS for the frontend and Appwrite as the backend, this application provides a seamless experience for users to sign up, log in, and share their visual stories.
Check out the live demo of Visual Tales here.
- User Authentication: Sign up and log in to access the platform.
- Post Creation: Users can post images along with titles and descriptions.
- Interactive Feed: Browse through a feed of user-generated content.
- Responsive Design: Built with Tailwind CSS for a modern look and feel.
- Frontend: React.js, Tailwind CSS
- Backend: Appwrite
- Database: Appwrite's built-in database
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/naikmubashir/Visual-Tales.git cd Visual-Tales -
Install the required dependencies:
npm install- Set up environment variables:
Create a .env file in the root directory and add the following:
VITE_APPWRITE_URL=https://cloud.appwrite.io/v1
VITE_APPWRITE_PROJECT_ID=<your-appwrite-project-id>
VITE_APPWRITE_DATABASE_ID=<your-database-id>
VITE_APPWRITE_COLLECTION_ID=<your-collection-id>
VITE_APPWRITE_BUCKET_ID=<your-bucket-id>
VITE_API_KEY=<your-tinymc-api-key>- Start the development server:
npm install- Open the application in your browser at
http://localhost:
Contributions are welcome! Please feel free to submit a pull request or open an issue if you find any bugs or have suggestions for improvements.
This project is licensed under the MIT License.