Bloggify is a news and podcast website that provides users with the latest articles and podcasts. It utilizes two APIs: News API for fetching the latest articles and Taddy API for podcasts. The website allows users to search for articles and podcasts, view them according to their preferences, and includes pagination for both sections. Additionally, it features sections for trending articles and the latest podcasts. The website also includes a newsletter subscription feature for updates and a contact form.
- Frontend: React
- Frontend Framework: Next js
- Styling: Tailwind CSS
- UI Components: Shadcn
- API Response Handler: ReactQuery
- Fetches latest articles using News API and podcasts using Taddy API.
- Search functionality for articles and podcasts.
- Pagination for articles and podcasts.
- Sections for trending articles and latest podcasts.
- Newsletter subscription for updates.
- Contact form for user interaction.
- Modern and sleek design with smooth scrolling effects.
- Clone the repository:
$ git clone [repository URL]
$ cd bloggify
## Install dependencies
```npm
$ npm install
## Start the development server: and start
$ npm start
Open your browser and navigate to http://localhost:3000 to view the website.
## Usage
Upon opening the website, users can browse through the latest articles and podcasts on the homepage.
Use the search bar to search for specific articles or podcasts.
Navigate through the pagination to view more articles or podcasts.
Explore the trending articles and latest podcasts sections.
Subscribe to the newsletter for updates or use the contact form for inquiries.
## Contributing
Contributions are welcome! Please follow these steps to contribute:
Fork the repository.
Create a new branch (git checkout -b feature/your-feature).
Make your changes.
Commit your changes (git commit -am 'Add some feature').
Push to the branch (git push origin feature/your-feature).
Create a new Pull Request.
## License
This project is licensed under the MIT License.