Giter VIP home page Giter VIP logo

keertyverma / tripix Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 0.0 729 KB

Tripix: Discover & Share beautiful travel memories. Share | Connect | Explore βœ¨πŸ“ΈπŸ–ΌοΈπŸ“πŸ’–

Home Page: https://tripix.vercel.app

License: MIT License

JavaScript 0.42% TypeScript 97.42% CSS 2.16%
appwrite css3 material-ui nextjs react reactquery typescript vercel appwrite-auth appwrite-database

tripix's Introduction

tripix

Tripix - Share Travel Memories βœ¨πŸ–ΌοΈπŸ“Έ

Vercel 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!

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.

Desktop-Dashboard

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.

Twitter Follow GitHub followers Linkedin: Keerty Verma

tripix's People

Contributors

keertyverma avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.