https://github.com/keertyverma/tripix
Tripix: Discover & Share beautiful travel memories. Share | Connect | Explore ✨ 📸 🖼️📍💖
https://github.com/keertyverma/tripix
appwrite appwrite-auth appwrite-database appwrite-hackathon appwrite-storage css3 material-ui nextjs react reactquery typescript vercel
Last synced: 6 months ago
JSON representation
Tripix: Discover & Share beautiful travel memories. Share | Connect | Explore ✨ 📸 🖼️📍💖
- Host: GitHub
- URL: https://github.com/keertyverma/tripix
- Owner: keertyverma
- License: mit
- Created: 2023-06-06T10:12:38.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-06-12T11:55:09.000Z (7 months ago)
- Last Synced: 2025-06-12T12:47:08.298Z (7 months ago)
- Topics: appwrite, appwrite-auth, appwrite-database, appwrite-hackathon, appwrite-storage, css3, material-ui, nextjs, react, reactquery, typescript, vercel
- Language: TypeScript
- Homepage: https://tripix.vercel.app
- Size: 720 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tripix - Share Travel Memories ✨🖼️📸
 [](https://github.com/keertyverma/tripix/blob/main/LICENSE)
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!
https://github.com/keertyverma/tripix/assets/13656449/c65cf102-526d-4839-aec3-449d543dd108
## Article
Read the blog on Hashnode to know more about the project
https://learnwithkeerty.hashnode.dev/tripix
## Tech Stack 👩💻
- [NextJS](https://nextjs.org/) - A React framework
- [React](https://react.dev/) - A library to create dynamic and interactive web app
- [Typescript](https://www.typescriptlang.org/) - A typed superset of JavaScript that adds static typing
- [Appwrite](https://appwrite.io/) - An open-source backend platform that simplifies the development of Web, Mobile, and Flutter applications.
- [Material UI](https://mui.com/) - React UI component library
- [Vercel](https://vercel.com/) - 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:
```shell
git clone https://github.com/keertyverma/tripix
cd tripix
```
2. Install the dependencies:
```shell
npm install
```
3. Export enviornment variable, based on your sytem
```
NEXT_PUBLIC_APPWRITE_PROJECT_ID=
NEXT_PUBLIC_APPWRITE_DATABASE_ID=
NEXT_PUBLIC_APPWRITE_COLLECTION_ID=
NEXT_PUBLIC_APPWRITE_BUCKET_ID=
NEXT_PUBLIC_APP_URL=http://localhost:3000
```
4. Start the development server:
```shell
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.
[](https://twitter.com/KeertyVerma)
[](https://github.com/keertyverma)
[](https://www.linkedin.com/in/keertyverma/)