Final Project - Trippio - Gabriella, Asako & Sandra#150
Open
gabriellaberko wants to merge 365 commits intoTechnigo:mainfrom
Open
Final Project - Trippio - Gabriella, Asako & Sandra#150gabriellaberko wants to merge 365 commits intoTechnigo:mainfrom
gabriellaberko wants to merge 365 commits intoTechnigo:mainfrom
Conversation
…e trip is currently starred by the user
make a component for an activity
…dit buttons in DayCard
…sStarredByUser gets updated in fetch of the trip
add activity icons
fix activity card styling
… creator and starred by user
…ng and error to be handeled as global states
…dle both trip as global state and as prop + update interface for TripCardProps
…o fix inconsistency in the server response of the field between different routes
…s in mytripspage to show if the trip is public or private
fix bug in add activity functionality
change logo to appname
…hLayout into modul, add authcard component and authmodal component, and implemented modal in publicnavbar
Back button
Updated README.md to enhance formatting and clarity.
fix accessibility for the github and linkedin links
HIPPIEKICK
approved these changes
Mar 19, 2026
Contributor
HIPPIEKICK
left a comment
HIPPIEKICK
left a comment
There was a problem hiding this comment.
Really good job with your final project! Your code is clean and you've used a lot more than two external libraries, so kudos for that! You "only" have a 96% score on Lighthouse but given that every other requirement is met and I couldn't find any bugs you're approved.
⭐
Comment on lines
+273
to
+277
| User.findOneAndUpdate( | ||
| { _id: req.user._id }, | ||
| { $addToSet: { following: userId } }, | ||
| { new: true, runValidators: true } | ||
| ), |
Comment on lines
+1
to
+15
| import { TripInterFace } from "../../types/interfaces"; | ||
| import { useAuthStore } from "../../stores/AuthStore"; | ||
|
|
||
|
|
||
| // Placed in a hook so that the variables istripCreator & isStarredByUser can be computed based on any trip (the global state trip or trip passed as a prop) | ||
| export const useTripPermissions = (trip: TripInterFace | null) => { | ||
| const userId = useAuthStore(state => state.userId); | ||
|
|
||
| if (!trip || !userId || !trip.creator) return { isTripCreator: false, isStarredByUser: false }; | ||
|
|
||
| const isTripCreator = trip.creator._id === userId; | ||
| const isStarredByUser = trip.starredBy.some(id => id === userId); | ||
|
|
||
| return { isTripCreator, isStarredByUser }; | ||
| } No newline at end of file |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Trippio is a fullstack travel planning web application where users can discover destinations, build and manage trip itineraries, and connect with other travellers. The project is built as a complete fullstack application with authentication, authorization, social features, and rich media support through custom image uploads and dynamic destination photos. The frontend is built with React and TypeScript and communicates with a RESTful backend API to handle authentication, trip management, image handling, and social interactions in real time.