Code Monkey home page Code Monkey logo

finalproject-frontend's Introduction

Technigo Final Project - Odyssey

Introduction

This is a website where you can find and gather inspiration for traveling. It’s like a mashup between Pinterest and TripAdvisor. By enabling Google Places API we enable users to find information about places all over the world. Users can specify what category of place they’re looking for, for example restaurants, points of interest or accommodation.

To make the application into a personalized board users can then create their own trips and to those trips add all the places that they would like to remember in the future.

In a user's profile they can scroll through their collections of created trips, click to go to a single trip and see all of the places that they have saved. In the saved places users can also write their own reviews and rate those places to be saved to their own trips.

Technologies Used:

  • React.js
  • Redux
  • React Router
  • MaterialUI
  • Formik

External APIs:

  • Google Geocode API
  • Google Place API

Frontend Deployment

The frontend is deployed on Netlify. https://final-project-odyssey.netlify.app/

Ideas For Future Improvements

  • Show a card carousel in the profile with latest added cards
  • Improve UX with transitions and animations
  • Possibility to upload a personal profile picture
  • Possibility to filter collections in categories such as completed, upcoming and bucket list
  • Possibility to drag, drop and sort single cards in a collection
  • Possibility to drag, drop and sort collections on your profile
  • Add friends and see friend’s saved collections
  • Server-side session storage

Backend repo:

https://github.com/camcron/finalproject-backend

Built by:

This project is built by Camilla Cronqvist and Matilda Frid.

Application Screenshot

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.