Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/graujavier/final-capstone-front-end
RentEaze is a rental booking app that allows users to easily reserve visits of places for rent. Browse available listings, view details, check calendars and instantly book visits. Property owners can also publish and manage their rental listings, set rates and availability, and approve booking requests all through the intuitive app interface.
https://github.com/graujavier/final-capstone-front-end
reactjs tailwindcss vite vitest
Last synced: 12 days ago
JSON representation
RentEaze is a rental booking app that allows users to easily reserve visits of places for rent. Browse available listings, view details, check calendars and instantly book visits. Property owners can also publish and manage their rental listings, set rates and availability, and approve booking requests all through the intuitive app interface.
- Host: GitHub
- URL: https://github.com/graujavier/final-capstone-front-end
- Owner: grauJavier
- License: mit
- Created: 2023-10-25T12:12:07.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-11-16T16:31:23.000Z (about 1 year ago)
- Last Synced: 2025-01-09T12:52:01.990Z (21 days ago)
- Topics: reactjs, tailwindcss, vite, vitest
- Language: JavaScript
- Homepage: https://rent-eaze.onrender.com/
- Size: 6.54 MB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 Final Capstone Front End ](#-final-capstone-front-end-)
- [🛠 ER Diagram ](#-er-diagram-)
- [💻 Link to Back End ](#-link-to-back-end-)
- [💻 Link to Kanban board information ](#-link-to-kanban-board-information-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [❓ FAQ (OPTIONAL) ](#-faq-optional-)
- [📝 License ](#-license-)
# 📖 Final Capstone Front End
**Final Capstone Front End** The front-end component of this final capstone project is developed using React.js, designed to provide an intuitive user interface for managing creation of places to rent and make reservations for those places. It communicates with the back-end API built with Ruby on Rails.
[Link to Back End](https://github.com/grauJavier/final-capstone-back-end)
## 💻 Link to Kanban board information
[Link to Kanban Board](https://github.com/grauJavier/final-capstone-back-end/projects/1)
[Initial state](https://github.com/grauJavier/final-capstone-front-end/issues/38)
This project was completed by three Team members:
- Javier Grau
- Manuel Sanchez
- Anthony Vásquez
Technologies
- **React.js Components**
- **API Communication with Backend**
- **User-Friendly Interface**
- **Responsive Design**
- **State Management**
- [Live Demo Link](https://rent-eaze.onrender.com/)
To get a local copy up and running, follow these steps.
### Prerequisites
Before you begin, make sure you have the following prerequisites installed on your system:
- Node.js: You need Node.js to run the React.js application.
- npm: npm is used to manage packages in your React project.
### Setup
Clone this repository to your desired folder:
sh
cd my-folder
git clone [email protected]:grauJavier/final-capstone-front-end.git
### Install
Install this project with:
```bash
npm install
```
### Usage
To run the project, execute the following command:
```bash
npm run dev
```
### Run tests
To run the frontend tests, follow these steps:
### Prerequisites
Before running the tests, ensure you have the following installed:
- Node.js: You need Node.js to execute the test scripts.
- npm: npm is used to manage packages in your React project.
Additionally, make sure you have installed the following testing extensions:
- jest-fetch-mock: Used for mocking fetch requests.
- redux-mock-store: Used for mocking Redux store.
- redux-thunk: Used for testing Redux thunks.
### Running Tests
Execute the following command to run the tests:
```bash
npm run test
```
This command will run the test suites and provide you with the test results and coverage information.
👤 **Javier Grau**
- GitHub: [@grauJavier](https://github.com/grauJavier)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/javiergrau)
👤 **Manuel Sanchez**
- GitHub: [@Luffytaro22](https://github.com/Luffytaro22)
- LinkedIn: [Manuel Sanchez](https://www.linkedin.com/in/manuel-alejandro-sanchez-sierra/)
👤 **lRebornsl**
- GitHub: [@lRebornsl](https://github.com/lRebornsl)
- Twitter: [@RebornsDev](https://twitter.com/RebornsDev)
- LinkedIn: [Anthony Vásquez](https://www.linkedin.com/in/avvm98/)
- [ ] **User Authentication and Authorization**
- [ ] **Integration with External APIs for Car Information**
- [ ] **User Profile Management**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/grauJavier/final-capstone-front-end/issues).
If you find this project helpful, feel free to contribute or give it a star. Your support is appreciated!
- Behance and Murat Korkmaz for the [original design](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign)
- Microverse for providing the opportunity to learn in a collaborative environment.
- React.js Documentation for valuable resources on React development.
- GitHub for version control and collaboration tools.
- **Can I use your project as a template for my own project?**
- Certainly, feel free to use this project as a template for your own work.
- **Is your project licensed?**
- Yes, this project is open-source and available under the MIT License. You can find more details about the license [here](./LICENSE).
This project is licensed under the MIT License - you can click here to have more details [MIT](./LICENSE).