Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/german-cobian/journeyman-front-end

The React-Redux front-end for an app where the user can look through a list of journeymen skilled-labor offerings and reserve that of his choice for a certain number of days. Site administrators can add and delete journeymen from the list.
https://github.com/german-cobian/journeyman-front-end

bootstrap css html react redux

Last synced: 12 days ago
JSON representation

The React-Redux front-end for an app where the user can look through a list of journeymen skilled-labor offerings and reserve that of his choice for a certain number of days. Site administrators can add and delete journeymen from the list.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)
![](https://img.shields.io/static/v1?label=BY&message=German-cobian&color=red)

# Journeyman

![Journeymen](./src/assets/journeyman-2.gif)


## Description

> This is a Web application where users should sign in to survey the listing of journeymen, then reserve their services for a determined period, users can then see their reservations or cancel them.

In this app all users (admin and regular) are allowed the following actions:

- To signup.
![Journeymen](/src/assets/project-images/Signup.png?raw=true "signup")
- To login.
![Journeymen](/src/assets/project-images/Login.png?raw=true "login")
- To see all journeymen featured in the site.
![Journeymen](/src/assets/project-images/Journeymen-display.png?raw=true "journeymen-display")
- To then pick out a specific journeyman and have him/her displayed in greater detail.
![Journeymen](/src/assets/project-images/Single-journeyman.png?raw=true "single-journeyman")
- To Reserve a specific journeyman, on a given date, and for a certain number of days.
![Journeymen](/src/assets/project-images/Reserve-a-journeyman.png?raw=true "reserve-a-journeyman")
- To see all their reservations and, if they choose to do so, cancel.
![Journeymen](/src/assets/project-images/All-reservations.png?raw=true "all-reservations")

Admins are allowed these additional actions:

- To add a new journeyman
![Journeymen](/src/assets/project-images/Add-journeyman.png?raw=true "add-journeyman")
- To delete a journeyman
![Journeymen](/src/assets/project-images/Delete-journeyman.png?raw=true "delete-journeyman")


## Back-end Repository

- [RailsApp](https://github.com/German-Cobian/Journeyman-Back-End.git)

## Built With

Front-end
- [react](https://reactjs.org/)
- [redux-toolkit](https://redux-toolkit.js.org/)
- [react-router](https://reactrouter.com/)

Back-end
- ![rails version](https://img.shields.io/badge/Rails-7-red)
- ![ruby version](https://img.shields.io/badge/Ruby-3.x-yellow)
- ![Postgres](https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge&logo=postgresql&logoColor=white)

## Additionally used

- Devise
- JWT
- Bootstrap
- Rspec
- Jest
- Rswag


## Getting Started

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

```sh
git clone [email protected]:German-Cobian/Journeyman-Front-End.git
```

Then
```sh
cd Journeyman-Front-End
```

To install packages
```sh
npm install
```

To Run the app
```sh
npm start
```


## Created by

👤 **German Cobian**

Platform | Badge |
--- | --- |
**GitHub** | [@German Cobian](https://github.com/German-Cobian)
**Twitter** |[@GermanCobian2](https://twitter.com/GermanCobian2)
**LinkedIn** | [@German Cobian](https://www.linkedin.com/in/german-cobian/)


## Contributing

Contributions, issues and feature requests are welcome!
Feel free to check the [issues page]([email protected]:German-Cobian/Journeyman-Front-End.git)


## Show your support

Give a ⭐️ if you like this project!


## Acknowledgments

Original design [Vespa](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign/modules/173005583) by [Murat Korkmaz](https://www.behance.net/muratk) on [Behance](https://www.behance.net/)


## 📝 License

This project is [MIT](https://github.com/German-Cobian/Journeyman-Front-End/blob/main/LICENSE) licensed.