- 📖 About the Project
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🔭 Acknowledgements
- ❓ FAQ
- 📝 License
This project is a News Feed application built using React.js and Tailwind CSS, leveraging a variety of modern technologies and features to deliver a dynamic and engaging user experience. The application fetches news data from a provided API and presents it to users in an intuitive and organized manner.
Front-End | Dev Essentials | Tools |
---|---|---|
React Js | Eslint | VS Code |
Tailwind CSS | Prettier | GIT, GITHUB |
Main functionalities which the app will have:
- Sleek UI with React.js and Tailwind CSS: Utilize React.js and Tailwind CSS to create a stylish and responsive user interface.
- API Integration for Fresh Content: Integrate a custom API to fetch up-to-date news articles.
- Effortless Category Filtering: Enable users to explore news by categories such as technology, sports, and entertainment.
- Quick Search Feature: Implement a search function for users to find news articles based on keywords or topics, with optimized performance.
- Flexible News Fetching: Use the
useNewsQuery
custom hook to fetch categorized and uncategorized news with ease. - Responsive Design for Any Device: Ensure seamless user experience across all devices and screen sizes.
To get a local copy up and running follow these simple example steps.
You have to those tools in your local machine.
- NodeJs
- Any Code Editor (VS Code, Brackets, etc)
- GIT & GITHUB
Clone the project using the following bash command in an appropriate location.
git clone https://github.com/kaiumuddin/news-feeder
Go to the project directory.
cd news-feeder
For installing necessary packages, run the following bash command:
npm install
In the project directory, you can run the project by using following bash command:
npm run dev
And now you can visit the site with the URL http://localhost:3000
Kaium Uddin
- Will added unit and integration testing using jest
- Will check real devices with different browsers to imprive responsive performance
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- My Family.
- Shahadat Hossain
-
Can I use this project for personal use?
- Yes, you can use it.
This project is MIT licensed.