Git Product home page Git Product logo

adventeire's Introduction

adventéire

Capstone Project for neuefische Web Dev Bootcamp

Description

An app for anyone travelling to Ireland 🧭

adventéire - a combination of 'adventure' and 'éire' (Gaelic for 'Ireland'). Browse through all the grand sights on the Emerald Isle, filter by county/ies or name, view details like description and address, and save them to your personal travel itinerary. Sit back and relax while planning your next Ireland trip!

app screenshots

Demo

You can find the hosted version on Heroku: adventéire Demo Version

Tech Stack

React / React-Router / Styled-Components / React-Toastify / React-Multi-Select-Component / MongoDB / Mongoose / PropTypes / Styleguidist / Node.js / Express / Adobe XD / Local Storage / Cypress / Continuous Integration & Delivery

Project Setup

After cloning this repository, simply run npm install in the main directory followed by npm postinstall – this will install all dependencies of the client and the Express server.

Start the app in development mode by entering npm run dev. Make sure your MongoDB is up and running.

Enjoy! ☘️

adventeire's People

Contributors

dependabot[bot] avatar heleah avatar

Stargazers

avatar avatar

Watchers

avatar

adventeire's Issues

Leave Landing Page

Leave Landing Page

Value Statement
As a user I want to leave the landing page so that I can either browse through all the sights or use the filter.

Description
LP

Acceptance Criteria

  • Click on a button that leads user somewhere
  • See all button: show all sights
  • Filter button: show filter page

Complexity
M

Tasks

  • new feature branch 'landing-page'
  • add landing page to 'pages' folder
  • implement connection between LP and All Sights
  • implement connection between LP and Filter page
  • add tests

Favorites

Template

Value Statement
As a user, I want to see my favorites all in one place so that I do not have to search for them on the All Sights page again.

Description
favorites

Acceptance Criteria

  • see all favorites in one place
  • click on shamrock to remove from favorites

Complexity
S

Tasks

  • new feature branch 'favorites'
  • add Favorites page to pages folder
  • implement favorites logic

Navigation Footer

Value Statement
As a user, I want to be able to click on the icons in the nav footer so that I get from one page to the other.

Description
footernav

Acceptance Criteria

  • click on an icon so I can get to the corresponding page

Complexity
S

Tasks

  • new feature branch 'navfooter'
  • add nav component
  • add icons
  • implement link logic to all icons and their respective pages
  • highlight active page
  • add tests
  • add styleguide component for navfooter

render all counties

Value Statement
As a user, I want to choose from all possible counties so that I can filter the sights according to my travel destination(s).

Description

Acceptance Criteria

  • show all counties in dropdown

Complexity
M

Tasks

  • new feature branch 'feat-searchoptions'
  • write function to get all counties as dropdown-friendly objects

Browse All Sights

Value Statement
As a user, I want to see all the sights so that I can get ideas for travel destinations.

Description
allsights

Acceptance Criteria

  • see various sights

Complexity
M

Tasks

  • create feature branch 'sights'
  • add all sights to pages folder
  • add sight card component
  • fill database / fetch sights
  • create sight card with picture, name and county
  • add favorites and details buttons
  • implement Favorites logic (toggle icons)
  • add styleguidist for sights card

Details View

Template

Value Statement
As a user, I want to be able to see details of each sight so that I can get a better idea of it and see info like address, ticket price, and website.

Description
details

Acceptance Criteria

  • show bigger photo
  • show details like the ones mentioned above, website opens on click (new window)
  • back button

Complexity
M

Tasks

  • new feature branch 'details'
  • add 'details' component
  • fetch and insert sight details
  • add Back button

Filter Sights

Template

Value Statement
As a user, I want to filter sights by county so that I can browse the ones I am most interested in.

Description
filterpage

Acceptance Criteria

  • select as many counties as I like from a dropdown menu
  • show results based on filters

Complexity
L

Tasks

  • new feature branch 'filter-page'
  • add component
  • add options in some way
  • implement filter logic
  • add styleguidist component for filter page

Sort Sights in Alphabetical Order

Value Statement
As a user, I want to see all sights alphabetically ordered by county so that I have an idea of how far to scroll if I already have a specific sight or county in mind.

Description

Acceptance Criteria

  • show all sights in alphabetical order by county
  • show all dropdown options in alphabetical order

Complexity
S

Tasks

  • new branch 'sort-alphabetically'
  • add sort functions

Local Storage

Value Statement
As a user, I want to still see my favorites so that I do not have to add them anew.

Acceptance Criteria

  • keep seeing faves after page reload

Complexity
S

Tasks

  • new feature branch 'local-storage'
  • new folder "lib"
  • local storage functions
  • useEffect for all sights
  • useEffect for fave sights

Searchbar Sights

Template

Value Statement
As a user, I want to enter a sight name into a search bar so that I do not have to scroll through all the sights for detailed info.

Description

Acceptance Criteria

  • type into search bar
  • show the correct sight(s)

Complexity
S

Tasks

  • new feature branch 'feat-searchbar'
  • implement search logic

Add Sight to Itinerary

Value Statement
As a user, I want to add sights to a route so that I can have an overview of my planned trip.

Description
Bildschirmfoto 2021-06-18 um 11 39 55

Acceptance Criteria

  • add sight to route via add button
  • choose between different days
  • show sight in itinerary nav

Complexity
L

Tasks

  • new feature branch 'feat-itinerary'
  • add itinerary to nav
  • add add button to details view
  • add calendar to button
  • connect button logic to nav page
  • render sight(s) on correct day(s)
  • render days in chronological order
  • add component / page

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.