MyBlogs is a platform where you can explore a wide range of blogs based on different categories, search for articles, and read detailed posts. It fetches articles using NewsAPI and provides a user-friendly interface for browsing content. You can explore the latest updates, search for specific topics, and dive deeper into articles.
- Explore Blogs: Browse blogs from various categories such as Business, Technology, Tesla, Apple, etc.
- Search Functionality: Search blogs based on keywords in titles or descriptions.
- Category-Specific Pages: Explore blogs related to a specific category like "Business" or "Tesla".
- Article Modal: View detailed articles with an option to read full posts on external websites.
- Authentication: Login or Sign up to access personalized features (work in progress).
- Responsive Design: Mobile-friendly layout for a smooth user experience.
- React: For building the user interface.
- React Router: For navigating between different pages (Home, Category, Auth).
- NewsAPI: For fetching articles and news updates.
- CSS: For styling the application.
- Hooks (useState, useEffect): For managing component state and lifecycle events.
To get started with MyBlogs, follow these steps to clone the repository and set it up on your local machine.
- Node.js and npm (Node Package Manager) installed on your machine. If you don't have them installed, you can download them from the official Node.js website.
-
Clone the repository to your local machine:
git clone https://github.com/yourusername/myblogs.git
-
install npm
npm install
-
run the file
npm run dev