react footbalii task for nilva - ali nazari

README.md

@@ -1,31 +1,37 @@
-# In name of Allah
+# React footbalii - nilva task
+ we have two section in this project in two diffrent folder ![demo](https://github.com/AliNazari-dev/React-Footballli/assets/99126829/ef68a695-2c59-44f7-99c2-dddd653bdf7e)
 
-## Introduction
+ 1 - api
+ 2 - client
 
-We are going to develop a react based web application to get live scores of football games. It will be a simple panel (**only mobile design is needed**) with an **infinite tab** scrolling side to side. Each page indicates a specific day with list of games played on that day. The list of games will be categorized based on their league. You could get a grasp of features in the image below. Ofcourse this is not a 0 or 1 task, so you can push code based on how much progress you have made, but try to implement features as similar as you can (it has points in final review).
+ api section handled our server side for fetching data and client section
+ i tried to make an simple backend for fetching data from our static data base file 
+ we can handle our query and adding limitation for fetching how many post 
 
-![Screenshot from 2022-06-25 17-02-51](https://user-images.githubusercontent.com/61571233/175773756-b6e136dc-4ca7-4ee2-b88e-248d4591a638.png "UI for live score page")
-<p align="center">
-UI for live score page
-</p>
 
-**Note**: For data, use [this api](https://core-sport-api.zarebin.ir/api/football/fixtures/?date=2023-01-03).
+client section handled UI of project and as you seen i tried to make reusable and maintable component like Button components 
 
-## Expectations
+ ///////////////// PROJECT CHALLEMGES ///////////
+i had some challenges , Some have been resolved and some remain
 
-So What does matter to us?
-- a clean structure of codebase & components
-- clean code practices
-- ability to layout page correctly
-- well designed API calls
-- profound understanding of states
-- finally, ability to learn
+#1 - first infinit scrolling challenge , beacuse i didn't have an Api for fetching and limitation fetching and i spent time to make my own api 
 
-## Tasks
+#2- As I said before I didn't have an database and i make once but in that we have duplicate information 
+and when you scrolling you will see duplicate informations of leagues and team And if we have server and api our something else this problem will be solved
 
-1. Fork this repository
-2. Estimate the develop 
-3. Learn & Develop
-4. Push your code to your repository 
-5. Send us a pull request, we will review and get back to you
-6. Enjoy
+#3- I make custom hook and name it UseFetch and we can use it for handling error and response from server 
+
+#4- i tried to make my own swiper calandar but as you know that wil be challenging and we have a many packages for that but in react native And it will be easier for me to learn react-native than to make my own calandar but as you know Even if we build it, we still need the games information on the server 
+ and unfortunately for me, I still could not solve this challenge
+
+
+I used 
+ React -React icons  - React hooks
+ tailwind and tailwind merge
+ vite package manger
+for client side and 
+ express js of node js 
+for handleing backend and Api
+
+ To use you must run api folder with -npm start
+ and start client side with npm run dev

api/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?