BlogApp is a dynamic web application built using React.js. It features a responsive design tailored for both mobile and large screen devices, ensuring a seamless user experience across all platforms. This application utilizes React Router for navigation and Axios for performing HTTP requests to fetch and display blog posts.
- Responsive Design: Two distinct layouts to accommodate mobile screens and large screens.
- React Router: Utilizes React Router for efficient, client-side page navigation.
- Private Routes: Ensures secure access to authenticated user pages using Firebase authentication.
- Axios: Handles HTTP requests to fetch blog data from a backend server.
- Modal Window: Custom modal windows display success and error messages, enhancing user interactions.
- Tailwind: Offers a comprehensive suite of UI tools to create intuitive and responsive designs.
- Blog Post Cards: Features two different designs for blog post cards on large screens, providing a visually engaging user interface.
- Custom Notification: Provides elegant notifications and alerts for user interactions.
- Newsletter Signup: Allows users to subscribe to updates and newsletters, keeping them informed about the latest blog posts and news.
- Social Sharing Buttons: Integrate social sharing buttons directly into your blog posts, providing users with quick access to share content on platforms such as Facebook, Twitter, LinkedIn, Pinterest, WhatsApp, and via email.
- TanStack/React Query: TanStack React Query is used for efficient data fetching and caching. React Query simplifies the process of fetching, caching, synchronizing, and updating server state in your React applications, making it a powerful tool for managing asynchronous operations and improving the performance and user experience of your application.
What you need to install the software:
- Node.js
- npm (Node Package Manager)
To get started with the repository, follow these steps:
- Clone the repository to your local machine using the following command:
- Navigate to the project directory you choose:
- Install project dependencies using npm:
git clone https://github.com/asyylz/Blog-App.gitcd Blog-Appnpm install
Reach outcome site here
Contributions to the project are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.