Giter Club home page Giter Club logo

paw-paths's Introduction

๐Ÿพ Paw Paths

Overview

Welcome to Paw Paths! Here we have provided an app that allows you to browse a collection of hikes and parks, search for a specific type, and view individual details of a path. This is a group project assigned by Turing School of Software and Design. It is a path tracking application which introduced students to Express, Knex, and PostgresQL as well as strengthening an understanding of React and Cypress; taking place over 9 days to complete. Our learning goal was to implement a 'Stretch Technology', which we chose to be backend, learning to build a database and create a table schema with seeded data. We were able to deploy our backend API on Heroku and then fetch the data with the provided link on our frontend. View the project specs here: project description.

Paw Paths GIF First View

Paw Paths GIF Single Path

Paw Paths GIF Search Feature

Deployed Link

Check out our project here! Paw Paths

Deployed using Vercel

Set Up

  1. Fork this repo
  2. Clone the repo to your local machine
  3. cd into the root of the project directory
  4. Run npm install
  5. Run npm start

Technologies Used

PostgresQL | Express.js | Knex | React | React Router | Cypress | NodeJS | Javascript | HTML5 | CSS

Future Iterations

  • We would like to add a POST to allow users to enter hikes they have been on
  • Add a login feature so users can add favorites

Dev Notes

Wins

  • Making and deploying our own backend
  • Fully functioning React app
  • Mobile and responsive design
  • 100% Accessibility rating keeping quality testing through our development cycle

Challenges

  • Deploying on Heroku for our BE

Contributors

Beth Wilson github | LinkedIn

Colby Pearce github | LinkedIn

Hazel Pablo github | LinkedIn

Marianne Barton github | LinkedIn

Credit

Figma | Flaticon | Canva | Trello

paw-paths's People

Contributors

hpablo08 avatar crpearce avatar mhbarton avatar bethwprojects 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.