feat: add home and article pages

.env.example

@@ -0,0 +1,2 @@
+REACT_APP_API_KEY = ""
+REACT_APP_API_URL = "https://newsapi.org/v2/"

.gitignore

@@ -0,0 +1,24 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.next
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.env
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -1 +1,44 @@
-# ABlOG Project
+# ABlOG Project with redux
+
+## Live version
+
+[ABlOG Project on netlify](https://dev--ablog1.netlify.app/)
+
+## Contents
+
+In this ABlOG Project project we have the following sections done:
+
+- [x] Navigation
+- [x] Blog
+- [x] Card
+- [x] Skeleton
+- [x] Search input
+
+## Technologies Used
+
+This project is mainly based on [React.js](https://reactjs.org/) plus others few libraries listed below:
+
+- [Tailwind css](https://tailwindcss.com/)
+- [redux](https://www.npmjs.com/package/redux)
+- [react-redux](https://www.npmjs.com/package/react-redux)
+- [reduxjs-toolkit](https://www.npmjs.com/package/@reduxjs/toolkit)
+- [react-slick](https://www.npmjs.com/package/react-slick)
+- [slick-carousel](https://www.npmjs.com/package/slick-carousel)
+- [react-loading-skeleton](https://www.npmjs.com/package/react-loading-skeleton)
+- [react-feather](https://www.npmjs.com/package/react-feather)
+
+## How To Run The Project
+
+First, install the project's dependencies:
+
+```
+npm install
+```
+
+Then, run the development server:
+
+```
+npm start
+```
+
+There you go 😊, You can preview the project on [http://localhost:3000](http://localhost:3000)