Tripix - Share Travel Memories ✨🖼️📸

Deployed Live -> https://tripix.vercel.app

Welcome to Tripix, your go-to platform for sharing and discovering stunning travel memories. Capture and share your adventures while exploring beautiful memories shared by fellow travelers

With Tripix, you have full control over your posts - create, update, and delete them with ease. Seamlessly authenticate using email and password or simply sign in with Google.
Join Tripix today and embark on a journey of unforgettable experiences!

Tripix.Demo.mp4

Article

Read the blog on Hashnode to know more about the project https://learnwithkeerty.hashnode.dev/tripix

Tech Stack 👩‍💻

• NextJS - A React framework
• React - A library to create dynamic and interactive web app
• Typescript - A typed superset of JavaScript that adds static typing
• Appwrite - An open-source backend platform that simplifies the development of Web, Mobile, and Flutter applications.
• Material UI - React UI component library
• Vercel - A cloud platform for deploying
• HTML5 and CSS3

Features 🪄

User Authentication 🔒

User can register and log in using their email and password. Additionally, they have the option to sign in using their Google account.

Memory Feed 👯‍♀️🪄📍

Feed is a dashboard with collections of stunning travel memories shared by fellow travellers. User can explore and search posts.

Create Memories 📷📸🖼️

User can create and share their own travel memories by uploading photos, adding captions, date, location and travel experience.

Update and Delete Memories 🖋️🗑️

User can edit and update or delete their existing memories.

Responsive Design 📱💻

The application is designed to be responsive and provide an optimal user experience across different devices and screen sizes.

Installation

To get started and run the Tripix web application locally, follow these simple steps:

1. Clone the repository:

   git clone https://github.com/keertyverma/tripix
   cd tripix

2. Install the dependencies:

   npm install

3. Export enviornment variable, based on your sytem

    NEXT_PUBLIC_APPWRITE_PROJECT_ID=<your-project-id>
    NEXT_PUBLIC_APPWRITE_DATABASE_ID=<your-database-id>
    NEXT_PUBLIC_APPWRITE_COLLECTION_ID=<your-collection-id>
    NEXT_PUBLIC_APPWRITE_BUCKET_ID=<your-bucket-id>
    NEXT_PUBLIC_APP_URL=http://localhost:3000
   
   

4. Start the development server:

   npm run dev

5. Open your browser and navigate to http://localhost:3000 to access Tripix.

Contributing ✨

Contributions from the community are always welcome to make Tripix even better.

To contribute, please follow these steps

1. Fork the repository on GitHub.
2. Clone your forked repository:
3. Create a new branch from the main branch.
4. Make the necessary changes and commit them with descriptive commit messages.
5. Push your changes to your forked repository and raise PR on this repository

Support 💖👩‍💻

Support the project by giving it a star ⭐.
Feel free to reach out if you have any questions or suggestions.