Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sergiomauz/react-personal-teaching

It is a website built using ReactJS, which consumes an API for booking appointments with a teacher (for personal teaching).
https://github.com/sergiomauz/react-personal-teaching

bootstrap consumes css3 es6-javascript html5 jwt-authentication node-js reactjs

Last synced: 15 days ago
JSON representation

It is a website built using ReactJS, which consumes an API for booking appointments with a teacher (for personal teaching).

Awesome Lists containing this project

README

        

# PERSONAL TEACHING - REACT FRONTEND
> This project is a front-end website that consumes a Ruby On Rails API. The chosen topic is a system for booking appointments with personal teachers.

## Screenshots

![screenshot-1](https://user-images.githubusercontent.com/36812672/103248197-9f535680-4937-11eb-860a-acc48e7e5537.png)
![screenshot-2](https://user-images.githubusercontent.com/36812672/103248198-9febed00-4937-11eb-9106-ade0d7d8db7d.png)
![screenshot-3](https://user-images.githubusercontent.com/36812672/103248199-a0848380-4937-11eb-9a5f-ee669dcb36b9.png)
![screenshot-4](https://user-images.githubusercontent.com/36812672/103248201-a0848380-4937-11eb-989e-b974e9b53434.png)
![screenshot-5](https://user-images.githubusercontent.com/36812672/103248298-0c66ec00-4938-11eb-97b4-81ed1d45f2b3.png)

## Features

- Sign Up / Sign In
- Register teachers
- List of teachers
- Teacher details and reserve
- List of user's appointments
- List of teacher's commitments

## Built With

- Javascript
- React & Redux
- Hooks
- CSS Modules
- Netlify
- API from: [Personal Teaching Repository](https://github.com/sergiomauz/RoR-Personal-Teaching)
- API live demo root: [Personal Teaching Repository](https://ror-personal-teaching-backend.herokuapp.com/api/v1/)

## Live Demo

Click -> [Personal Teaching!](https://react-personal-teaching.netlify.app/)

## How to Install

- Install Node JS in your system. To install Node JS, you can read the [documentation](https://nodejs.org/en/docs/).
- Clone it using **git clone** command and move to the project directory.
- Run in your terminal **npm install**.

## Tests

- This project uses **React Testing Library** for testing classes.
- All files are in **src/test** directory.
- OPTIONAL: Put your public and secret keys before to test, it will help to add testing for consuming the Pet Finder API.
- In order to run the tests, in terminal type: ```npm test```.
- More than 60 tests:

![screenshot-10](https://user-images.githubusercontent.com/36812672/103628232-b2a08c00-4f0c-11eb-85ec-af2725d49e60.png)

## Author

👤 **Sergio Zambrano**

- Portfolio: [Sergio Zambrano](https://www.szetapp.com/)
- Github: [@sergiomauz](https://github.com/sergiomauz)
- Twitter: [@sergiomauz](https://twitter.com/sergiomauz)
- Linkedin: [Sergio Zambrano](https://www.linkedin.com/in/sergiomauz/)

## 🤝 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!

## Credits

- The user interface [Vespa Responsive Redesign](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign) was designed by [Murat Korkmaz](https://www.behance.net/muratk).

## 📝 License

This project is [MIT](./LICENSE) licensed.