MERN-Stack

Trip3io, a community-based travel app

Trip3io is a community-based platform that enables travelers to connect with each other and travel together on a small group. Easy to use app where you can post your trip that only allows 2 others to join your itinerary. Joiners will automatically see the details of trip, pictures, budget and other joiner’s profile after you post your itinerary.

For this project I used MERN-Stack. MongoDB for my database, where I'm storing all the users data, descriptions, profile and trips that people are posting. My backend choices are Node.js/Express is handling all the routes and setting up the needed access points for my API. Mongoose on the other hand is setting up the connection to the database and doing the queries for me. Since I need the users to upload photos of the location and their profile picture, I'm using Cloudinary's API (free plan) to host the files. Whenever a user is uploading an image it's going to upload it to Cloudinary and save the link of the image in my database.

For the frontend I choose React because of UI testing are easy and the server side rendering is fast. I'm also using Material UI library for the components. Another key package is Axios, which allows me to make API calls to my server.

View React on Github

View API on Github

View Site

REACT FRONT-END

Movie Guide App

Movie Guide is a REACT app is a light version of IMDb, using fetch to pull data from The Movie Database (TMDb) api. Components consist with elements of nav, header, search, hero image, thumbnails, info bar and spinner. Since this is just a mini front-end application there’s only 3 page components which are the homepage, movie info page and a not found page. Components are mixtures of class-based and functional components.

View React on Github

View Site