🖥️💻 COWORKING LA CIBA 🏢📅

📚 Table of Contents

• 📋 Project Description
• 🚀 Project Objectives
• 📓 Technical Competencies
• 💻 Technologies Used
• 🎯 Functional Requirements
• ⭐ Bonus Features
• ⚙️ Non-Functional Requirements
• 🛠 Project Architecture
• 📐 UI Design
• 🚀 Installation Guide
• 🤝 Contribution
• 🙏🏼 Farewell

📋 Project Description

The Coworking Reservation System is a web application designed to facilitate the booking of coworking spaces, with a special focus on promoting gender equality, social innovation, and feminist economics. The main goal is to maximize resource usage, avoid scheduling conflicts, and enable effective space management.

This system is aimed at entrepreneurs, small businesses, and projects focused on equal opportunities, providing a collaborative space and technical assistance to promote business growth.

🚀 Project Objectives

• Foster entrepreneurial vocations and business creation.
• Promote continuity and business growth through efficient resource management.
• Encourage social and solidarity-based economy by facilitating the reservation and use of collaborative spaces.

📓 Technical Competencies

• Create a dynamic and responsive web user interface.
• Develop the backend.
• Implement a relational database.
• Build data access components.
• Develop a user interface with content management capabilities.

💻 Technologies Used

Frontend:

• React.js
• HTML5
• CSS3
• Styled Components
• Axios

Backend:

• Java
• Spring Boot
• Spring Security (JWT)

Database:

• PostgreSQL

Testing:

• Vitest
• JUnit
• Mockito

Tools:

• Figma
• Visual Studio Code
• Trello
• Git, GitHub
• Discord
• PgAdmin
• Postman

🎯 Functional Requirements

• User Authentication: Users should be able to register and log in using email and password.
• User Roles:
  • Admin: Can manage users and view/edit all reservations.
  • User: Can create, read, update, and delete (CRUD) their reservations.
• Space Management:
  • Book individual desks, offices, or meeting rooms.
  • Automatic confirmation of reservations.
  • Dynamic management of time slots.
• Reservation Interface:
  • View availability via an interactive calendar.
  • Interactive coworking space view that changes color to indicate availability.
• Admin Control Panel:
  • CRUD management for users.
  • View all reservations and make modifications if needed.

⭐ Bonus Features

• Integration with Google Calendar or other methods for automatic reminders.
• Sending confirmation emails and reservation reminders.

⚙️ Non-Functional Requirements

• Use Spring Boot and React.js.
• Implement Styled Components for responsive design.
• Ensure excellent user experience (UX).
• Follow a 3-layer MVC architecture (Model-View-Controller) with a client-server, REST API structure.
• The project should be fully tested (unit tests, integration tests, or TDD).

🛠 Project Architecture

The project follows a 3-layer MVC (Model-View-Controller) architecture:

• Model: PostgreSQL database management.
• View: React.js user interface with Styled Components.
• Controller: Spring Boot REST API for handling business logic and serving data.

📐 UI Design

The user interface design follows Atomic Design methodology, allowing the creation of scalable and reusable components. The interfaces are intuitive and user-centered, prioritizing usability and performance.

Design Process:

• Wireframes and prototypes created in Figma.
• Visual development for both mobile and desktop.
• Implementation of a responsive and modern design using Styled Components.

🚀 Installation Guide

Prerequisites:

• Node.js (v14+)
• Java 11+
• PostgreSQL

1. Clone the repositories:

Frontend:

git clone https://github.com/castellanorn/ciba-coworking-front.git

Backend:

git clone https://github.com/Sarii4/ciba-coworking-back.git

---

2. Navigate to the project directories:

Frontend:

cd ciba-coworking-front

Backend:

cd ciba-coworking-back

---

3. Install the dependencies:

Frontend:

npm install

Backend:

./mvnw install

---

4. Run the applications:

Start the Backend server:

cd backend
./mvnw spring-boot:run

Start the Frontend application:

cd frontend
npm start

---

5. Access the applications:

Access the frontend application in your browser at http://localhost:3001.

🤝 Contribution

Contributions are welcome. Please follow these steps:

Fork the project:

git clone https://github.com/castellanorn/ciba-coworking-front.git

Create a new branch:

git checkout -b feature/new-functionality

Make your changes and commit them:

git commit -am 'Add new functionality'

Push your changes to the branch:

git push origin feature/new-functionality

Open a Pull Request: Once you've pushed the changes, open a Pull Request on GitHub to get them reviewed and merged.

🙏🏼 Farewell

Thank you for taking the time to check out our project! We hope it provides valuable insights and contributes to better management and utilization of coworking spaces.

Our Team:

**Mercedes Celedón, Product Owner**

**Ekaterina Buinovskaia, Scrum Master**

**Adriana Ortiz, Developer**

**Sara Terán, Developer**

**Shaila González, Developer**

**Carolina Alonso, Developer**

**Rosse Catellanos, Developer**

                            🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿   💻💻💻 COWORKING LA CIBA 💻💻💻   🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿   
                            🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿    🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱   🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿
                            🌿💻🪑💻🌿🌿💻🪑💻🌿🌿💻🪑💻🌿    💼💼💼💼💼💼💼💼💼💼💼💼💼💼💼   🌿💻🪑💻🌿🌿💻🪑💻🌿🌿💻🪑💻🌿
                            🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿    🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱🌱   🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿
                            💡🏢💼🏢💡💡🏢💼🏢💡💡🏢💼🏢💡   💻💻💻💻💻💻💻💻💻💻💻💻💻💻💻   💡🏢💼🏢💡💡🏢💼🏢💡💡🏢💼🏢💡
                            🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿    🌿🌿🌿🌿🌿🌿🌿🌿🌿🌿🌿🌿🌿🌿🌿   🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿🌿🌿🌿🌱🌿🌿