https://github.com/flacode/shopping-list-react
ReactJS client to consume the API developed in https://github.com/flacode/shopping_list
https://github.com/flacode/shopping-list-react
Last synced: about 1 year ago
JSON representation
ReactJS client to consume the API developed in https://github.com/flacode/shopping_list
- Host: GitHub
- URL: https://github.com/flacode/shopping-list-react
- Owner: flacode
- Created: 2017-10-31T11:58:52.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-02-16T15:10:06.000Z (over 8 years ago)
- Last Synced: 2025-01-26T18:46:04.718Z (over 1 year ago)
- Language: JavaScript
- Size: 642 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ShoppingList
[](https://travis-ci.org/flacode/shopping-list-react) [](https://codeclimate.com/github/flacode/shopping-list-react/test_coverage) [](https://codeclimate.com/github/flacode/shopping-list-react/maintainability)
> ShoppingList is an application that allows users to record, share and keep track of their shopping lists. This application already has an API hosted [here](https://deployment-shopping-list-api.herokuapp.com). Details about the API can be found both in its [documentation](https://shoppinglist12.docs.apiary.io/#) and [Github repository](https://github.com/flacode/shopping_list). This project builds a ReactJS client to consume this API.
## Live site
You can interact with the application [here](https://shoppingug.herokuapp.com/).
## Features
- Users can create accounts.
- Users can log in.
- Users can create, view, update and delete shopping lists.
- Users can add, update, view or delete items in a shopping list.
## Tools used
Tools used for development of this client are;
- Creating the application : [create-react-app](https://github.com/facebook/create-react-app/blob/master/README.md#getting-started)
- Editor: [Vs code](https://code.visualstudio.com)
- Programming language: [Javascript ES6](http://es6-features.org/#Constants)
- Library: [React](https://reactjs.org)
- Linting: [EsLint](https://eslint.org)
## How to set up?
- Create a directory and change to that directory
```sh
> mkdir shopping-list
> cd shopping-list
```
- Clone this repository.
```sh
> git clone https://github.com/flacode/shopping-list-react.git
```
- Install the required dependencies.
```sh
> cd shopping-list-react
> npm install
```
- Run the application.
```sh
> npm start
```
- Enter http://localhost:3000 in your browser to interact with your local version of your application.
## Running the tests
- In the root repository, run
```sh
> npm test
```