Welcome to Khan Blog! This is a React-based website aimed at providing a seamless and interactive blogging experience. With a range of modern UI components and functionalities, Khan Blog makes it easy for you to create, share, and explore captivating content.
Follow these steps to clone and set up the project locally:
- Clone the Repository:
git clone https://github.com/Jubayer-K/Khan-Blog-client.git
- Navigate to the Project Directory:
cd Khan-Blog-client - Install Dependencies:
npm install
- To start the development server, run:
npm run dev
- Responsive Design: Khan Blog is built with responsiveness in mind, ensuring a smooth experience across various devices and screen sizes.
- Rich UI Components: Leveraging packages like
@mui/material,@heroicons/react, andframer-motion, Khan Blog offers visually appealing and interactive UI elements. - Efficient Data Management: Utilizing
@tanstack/react-queryandaxios, Khan Blog ensures efficient data fetching and state management, providing a seamless browsing experience. - Enhanced User Experience: With features like
react-intersection-observerfor lazy loading andreact-toastifyfor notifications, Khan Blog prioritizes user experience. - Dynamic Routing: Powered by
react-router-dom, Khan Blog enables smooth navigation between different sections and pages of the website.
- @emotion/react
- @emotion/styled
- @headlessui/react
- @heroicons/react
- @mui/icons-material
- @mui/material
- @tanstack/react-query
- axios
- firebase
- flowbite-react
- framer-motion
- localforage
- lottie-react
- match-sorter
- mui-datatables
- prop-types
- react
- react-dom
- react-helmet-async
- react-icons
- react-intersection-observer
- react-photo-view
- react-router-dom
- react-toastify
- sort-by
- sweetalert2
- swiper