nasirkhan294 / room-rental-front-end

This is a web application project developed using the React JavaScript library. It serves as the frontend part of a web application and is responsible for providing a user interface and interacting with the backend to display data and user interactions.. 📚

📖 Final capstone front end

The Final capstone front end project is a web application developed using the React JavaScript library. It serves as the frontend part of a web application and is responsible for providing a user interface and interacting with the backend to display data and user interactions.. 📚

🛠 Built With

• React
• Redux
• Tailwind

Key Features

• React-Based User Interface
• Modular Structure

Backend Project:

Final-capstone-back-end

Project Kanban board:

Kanban-board

(back to top)

Demo Link:

Demo Link

Getting Started

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

Prerequisites

In order to run this project you need:

• A basic understanding of React, Redux and Git

Usage

1. Clone this repo
2. Run npm install

git clone [email protected]:Nasirkhan294/final-capstone-front-end.git

To run the project, execute the following command:

  npm start

To run tests, run the following command:

npm tests

(back to top)

👥 Authors

👤 Nasir Mahmood

• GitHub: Nasirkhan294
• Twitter: NasirMa35888225
• LinkedIn: nasirmahd

👤 Paul tes

• GitHub: @AbelG101
• LinkedIn: Abel Gebeyehu

👤 Matee Safi

• GitHub: @matee-safi
• Twitter: @matee_safi
• LinkedIn: @matee-safi

👤 Shalini Nayan

• GitHub: @ShaliniNayan
• Twitter: @sndprs
• LinkedIn: shalininayan

(back to top)

🔭 Future Features

• User Dashboard

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Please support this project and be a part of something meaningful and impactful. Your contribution can make a significant difference and help us achieve our goals faster.

(back to top)

🙏 Acknowledgments

I would like to express my sincere gratitude to Murat Korkmaz on Behance for this design and to all my Microverse partners who helped me build this project. I could not have done it without your support and encouragement.

(back to top)

❓ FAQ

• Can I fork and reuse this repository?

Absolutely! Please feel free to fork and reuse this repository for your own projects.

• Is it okay to improve this repository? Will my changes be accepted?

Definitely! We welcome any improvements or new ideas you may have. If your changes are good and align with the project's goals, we would be happy to accept them.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

room-rental-front-end's Issues

[3pts] Add Front-end integration testing

Write the integration tests as well as unit testing for the react components

[1.5pts] Create Room form modal

Create a page that has a form that allows new Room to be added.

[3pts] Set-up project front-end

Create a react -app for the project

[2pts] Create form page for Reservation

Create a page with a form allowing users to make a new Room by reservation.

[3pts] Create Home page

On the main page, the user can see a list of Room to Reserve

[5.5pts] Add styling the app

Add styling to fit the Behance design provided.

[2pts] Add authorization pages

Create a user login page
Create a user sign-up page

[2pts] Create details page

When the user selects a specific item, they can see the details page with its full description.
In the details page, the user can click the "Reserve" button.

[3pts] Add Navigations

In the navigation panel, the user can see links to:
Room that you selected as a theme.
"Reserve" form.
"My reservations".
"Add the Room that you selected as a theme" (the link is visible to everybody).
"Delete the Room that you selected as a theme" (the link is visible to everybody).

[2pts] Delete Item link in navigation

Create a link to delete room to navigation