Code Monkey home page Code Monkey logo

cliftondavies / recycool Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 4.38 MB

An SPA built with React/Redux, to encourage sharing, reduce global waste, and save precious resources. Built on top of the Trash Nothing API.

Home Page: https://recycool.netlify.app/

License: MIT License

HTML 7.30% CSS 1.71% JavaScript 63.31% SCSS 27.69%
html5 css3 javascript react redux jest react-dom react-router-dom prop-types scss react-redux redux-thunk redux-devtools-extension npm netlify trash-nothing-api fetch-api

recycool's Introduction

Netlify Status MIT license PRs Welcome Open Source Love png1 Tweeting

RecyCool

Freecycling is a worldwide sharing movement that reduces waste, saves precious resources and eases the burden on landfills while enabling members to benefit from the strength of a caring community. RecyCool is a web app with the same mission. It builds on top of the Trash Nothing API - a popular online freecycle community.

screenshot

๐Ÿ“บ Media

Live Demo Link

MVP Features

The app features three main pages: Home, About, and Items. Each item can be viewed separately as a nested page. Items can be filtered and geolocation has been implemented to allow users to view items within 10 KM of their current location.

๐Ÿงฐ Tools & Technologies Used

Built with

  • HTML5
  • CSS3
  • SCSS
  • JavaScript ES6
  • React 17.0.1
  • Redux >4.0.5
  • Jest v26.6

๐Ÿš€ Getting Started

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

Prerequisites

Install npm or Yarn

Install Node.js

Set up

Clone repo into your local environment:

Clone with SSH

git clone [email protected]:cliftondavies/RecyCool.git

Clone with HTTPS

git clone https://github.com/cliftondavies/RecyCool.git

Open project directory

cd [your-directory-name]

Install packages:

npm install

Run tests:

npm test

Local Usage

In console

npm start

In Browser

Visit http://localhost:3000/.

Author

๐Ÿ‘ค Clifton Davies

๐Ÿค Contributing

Contributions, issues and feature requests are welcome!

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgements

๐Ÿ“ Copyright & License

Copyright (c) 2021 Clifton Davies. This project is licensed under MIT. See LICENSE file for details.

recycool's People

Contributors

cliftondavies avatar

Stargazers

 avatar  avatar

Watchers

 avatar

recycool's Issues

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.