- UrbanUtopia is a single building management web application that provides user, member and admin based different dashboard. If user apply for an aggrement and admin accept that, the user will be a member and will be able to pay amout using Stripe payment gateway.
- Admin can post coupons with a discount and also can update the status of the coupon valid or unvalid
- Admin can see the statistics of the website like total user, total member, total payments, total reviews, total apartments, percentage of available and unavailable apartments
- All Device Responsive
- Loading data in a amazing way with no bug using TanStack Query
- axiosSecure to force logout a hacker who wants to ge others data
- Awesome dark theme support
- react-responsive-carousel, aos Implementation for better UI
- jspdf for pdf downlaod
- Environment Variable configuration to save admin data from hackers
- Regex with Valid email, Uppercase letters, lowercase letters and 6 characters in password
- PrivateRoute, adminRoute, memberRoute to stop one to browse others pages
- Local Storage and API post configuration with Protected route
- jwt configuration to configure security
- react-hook-form in registration
- npm i aos
- npm i axios
- npm i jspdf
- npm i firebase
- npm i react-icons
- npm i sweetalert2
- npm i lottie-react
- npm i react-tooltip
- npm i react-hot-toast
- npm i react-hook-form
- npm i react-router-dom
- npm i react-helmet-async
- npm i react-tooltip
- npm i @tanstack/react-query
- npm i -g firebase-tools
- npm i react-simple-typewriter
To run this React project on your local machine follow the instructions-
Before you begin, ensure you have the following installed on your local machine:
-
git clone https://github.com/khaledssbd/UrbanUtopia-project-client-side
-
cd UrbanUtopia-project-client-side -
npm install
-
npm run dev
Open http://localhost:5173 to view it in the browser.