It is a project about a personal service provided by a single person
- In the Services page you can select a service.
- From the service cards you can view the details.
- In service details you can see the service price, rating, reviews etc.
- to add review for the course you will have to be logged in.
- In the blog page there are some web development related questions and their answers.
- You can sign in with a valid email and password.
- You can also sign in using google account.
- There are links to various routes of the website.
- Some options like add service or my reviews will show only if logged in
- You can add service with a name, image, price and description
- Image is uploaded directly to cloudinary
- There is an error page to redirect to if an error occurs.
- There is also a loader spinner to indicate data loading.
- react (Base)
- react-router-dom
- react-query (Fetch and cache data)
- axios (To make XMLHttpRequests from the browser)
- firebase (As authentication provider)
- tailwindcss (CSS framework)
- daisyui (ui component library using tailwind)
- postcss
- autoprefixer
- react-hook-form (For form validation and form state management)
- react-hot-toast (notification toast)
- react-icons
- react-loader-spinner
- react-intersection-observer(To animate component when in viewport)
- react-helmet (To update document title)
Live Site Link: https://phero-assignment-main.web.app/
- Clone the project. Go to project directory.
- In the project directory, you can run:
Open http://localhost:3000 to view it in your browser.