You can click here to check the live version!
This project exemplifies a sophisticated condominium management dashboard, built with a focus on scalability, efficiency, and maintainability. The technologies and practices employed ensure clean code and a robust architecture.
The technologies used are:
- ReactJS: Library for building dynamic user interfaces.
- NextJS: React framework for server-side rendering and static site generation, with support for API communication via proxy.
- TypeScript: JavaScript superset adding static typing.
- Tailwind CSS: Utility-first CSS framework for efficient and responsive styling.
- Shadcn UI: React component library offering modern and accessible UI.
- React Hook Form: Library for form management and validation.
- Interactive Dashboard: Intuitive interface for effective condominium data management.
- Dynamic Forms: Creation and editing of records with robust validation using React Hook Form.
- Responsive Design: Optimized user experience across various devices using Tailwind CSS.
- Reusable Components: Use of Shadcn UI to ensure a cohesive and high-quality interface.
- Notifications and Alerts: Notification system to keep users informed about important events and updates.
- API Communication via Proxy: Utilization of Next.js proxy feature for secure and efficient API integration.
To run the project locally, follow these steps:
Make sure you have the following tools installed:
- Git: Version control system.
- Node.js: JavaScript runtime environment.
- VSCode: Recommended code editor for more efficient development.
# Clone this repository
$ git clone https://github.com/joao-pedrozo/condominiums.git
# Navigate to the project directory
$ cd condominiums
# Install project dependencies
$ npm install
# or, if you prefer using Yarn
$ yarn
# Add the API_URL to the .env.local file
$ cp .env.sample .env.local
# Start the development server
$ yarn dev