Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/metsanpeitto/react_renting-service

This is the front end for the renting service where users can create objects and others can create appointments to rent those objects, boats in this case.
https://github.com/metsanpeitto/react_renting-service

api-rest html-css-javascript reactjs redux scss

Last synced: 2 days ago
JSON representation

This is the front end for the renting service where users can create objects and others can create appointments to rent those objects, boats in this case.

Awesome Lists containing this project

README

        

# Microverse final project frontend

![Microverse](https://img.shields.io/badge/Microverse-blueviolet)

In this task, we will be working with the real live data from the
Microverse_final_project API.

Our task is to build a web application for a boat renting company.

The application requires authentication by the user.
No logged in users will have access only to the main page and the
account one.
If the user sings up he can access the reservation new and index
pages as well.
And if the user logs in as administrator, he will have access as
well to the item new and delete
options.

In order to login as administrator just press sign in button and
the app will use the deault values, that has administrator role.

### Deployed Apps

[Frontend](https://friendly-hugle-cbed27.netlify.app/)
[Backend](https://frozen-dusk-66130.herokuapp.com/api-docs/index.html)

=======

### Screenshots
Main page
![https://i.imgur.com/ueP13ao.png](https://i.imgur.com/ueP13ao.png)

Signup page
![https://i.imgur.com/DkMI117.png](https://i.imgur.com/DkMI117.png)

Details page
![https://i.imgur.com/NOJezfx.png](https://i.imgur.com/NOJezfx.png)

### Built With

- HTML/CSS
- React.JS
- Node.JS
- Microverse final project rails API

### Getting Started

If you want a copy of this file go to the github repository and download it from there

- [`git clone https://github.com/Metsanpeitto/microverse_final_project_frontend`](https://github.com/Metsanpeitto/microverse_final_project_frontend)

### Setup

```cmd
git clone https://github.com/Metsanpeitto/microverse_final_project_frontend.git
cd ./microverse_final_project_frontend
```

### Install

```cmd
npm install
```

### Usage

```cmd
npm start
```

### Verify linters

```cmd
npx eslint .
npx stylelint "**/*.{css,scss}"
```

### Autofix linters errors

```cmd
npx eslint . --fix
npx stylelint "**/*.{css,scss}" --fix
```

### Prerequisites

- Node.JS

### Design

[The design](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign) provided by [Murat Korkmaz](https://www.behance.net/muratk)

## Authors

👤 **Abraham Rodriguez**

- GitHub: [@metsanpeitto](https://github.com/Metsanpeitto)
- LinkedIn: [Abraham Rodriguez](https://www.linkedin.com/in/abraham-rodriguez-3283a319a/)
- Portfolio: [Waldenberg](https://portfolio.waldenberginc.com)

👤 **Akasha Rojee**

- GitHub: [@AkashaRojee](https://github.com/AkashaRojee)
- Twitter: [@AkashaRojee](https://twitter.com/AkashaRojee)
- LinkedIn: [Akasha Rojee](https://linkedin.com/in/AkashaRojee)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Microverse for giving me this chance
- The amazing code reviewers for making me improve every day :thumbsup:

[![License: CC BY-NC 4.0](https://licensebuttons.net/l/by-nc/4.0/80x15.png)](https://creativecommons.org/licenses/by-nc/4.0/)
[![License: CC0-1.0](https://licensebuttons.net/l/zero/1.0/80x15.png)](http://creativecommons.org/publicdomain/zero/1.0/)