Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cliftondavies/hikes-against-poverty

The front-end for Hikes Against Poverty (HAP) - a full-stack app to raise funds, through hiking events, for charities fighting against poverty. Built with React, Redux, and the HAP API.
https://github.com/cliftondavies/hikes-against-poverty

css3 fetch-api hap-api html5 javascript jest netlify node-sass npm prop-types react react-dom react-loader-spinner react-redux react-router-dom redux redux-devtools-extension redux-thunk scss web-storage-api

Last synced: about 1 month ago
JSON representation

The front-end for Hikes Against Poverty (HAP) - a full-stack app to raise funds, through hiking events, for charities fighting against poverty. Built with React, Redux, and the HAP API.

Host: GitHub
URL: https://github.com/cliftondavies/hikes-against-poverty
Owner: cliftondavies
License: mit
Created: 2021-04-13T20:13:53.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2021-05-20T21:59:10.000Z (over 3 years ago)
Last Synced: 2024-12-19T22:09:22.874Z (about 1 month ago)
Topics: css3, fetch-api, hap-api, html5, javascript, jest, netlify, node-sass, npm, prop-types, react, react-dom, react-loader-spinner, react-redux, react-router-dom, redux, redux-devtools-extension, redux-thunk, scss, web-storage-api
Language: JavaScript
Homepage: https://h-a-p.netlify.app/
Size: 3.85 MB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 4
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        [![Netlify Status](https://api.netlify.com/api/v1/badges/eed9d880-8a45-4a07-8a01-a3bde35127e2/deploy-status)](https://app.netlify.com/sites/h-a-p/deploys)

[![MIT license](https://img.shields.io/badge/License-MIT-blue.svg)](https://lbesson.mit-license.org/)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

[![Open Source Love png1](https://badges.frapsoft.com/os/v1/open-source.png?v=103)](https://github.com/ellerbrock/open-source-badges/)

![Tweeting](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)

# Hikes Against Poverty (HAP)

> There are over a million people living in poverty in the UK. HAP is on a mission to raise funds for charities fighting against poverty, through daily hike events. HAP is built on top of the [HAP API](https://github.com/cliftondavies/HAP-API).

![screenshot](hap.gif)

## :tv: Media

[Live Demo Link](https://h-a-p.netlify.app/)

## MVP Features

This MVP allows a user to:

- Before Authentication:

  - View the Home page

  - Sign Up with a valid name, email and password

  - Sign In with a valid email and password

- After Authentication:

  - View a list of all hikes available on the Hikes page

  - View a list of their bookings on the Bookings page

  - View details about a particular hike on the Hike page

  - Book an event for a specific hike, with a valid date and location

  - Sign Out

## :toolbox: Tools & Technologies Used

### Built with

- HTML5

- CSS3

- SCSS

- JavaScript ES6

- React 17.0.2

- Redux >4.0.5

- Jest v26.6

## :rocket: Getting Started

To get a local copy up and running follow these simple example steps.

### Prerequisites

Install [npm](https://www.npmjs.com/get-npm) or [Yarn](https://yarnpkg.com/cli/install)

Install [Node.js](https://nodejs.org/en/download/)

### Set up

Clone repo into your local environment:

Clone with SSH

```git

git clone [email protected]:cliftondavies/Hikes-Against-Poverty.git

```

Clone with HTTPS

```git

git clone https://github.com/cliftondavies/Hikes-Against-Poverty.git

```

Open project directory

```bash

cd [your-directory-name]

```

Install packages:

```javascript

npm install

```

### Local Usage

#### In console

```javascript

npm start

```

#### In Browser

Visit `http://localhost:3000/`.

## Author

👤 **Clifton Davies**

- Github: [@githubhandle](https://github.com/cliftondavies)

- Twitter: [@twitterhandle](https://twitter.com/cliftonaedavies)

- Linkedin: [linkedin](https://www.linkedin.com/in/clifton-davies-mbcs/)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgements

- [create-react-app](https://github.com/facebook/create-react-app)

- [Design inspiration](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign)

- [Photos](https://picsum.photos/)

- [Icons](https://iconmonstr.com/)

- [Colors](https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en)

## 📝 Copyright & License

Copyright (c) 2021 Clifton Davies. This project is licensed under [MIT](https://opensource.org/licenses/MIT). See LICENSE file for details.