This is a project for a frontend job application to a betting company. The project is a React application that uses Next.js and Redux for state management.
- Viewing recent matches which are grouped by day
- Viewing matches by sport
- Filtering matches by team names, day, kingbet and single mb values
- Saving filter state to url so when user refreshes the page, the filter state is still there
- Creating bets for match results and saving them to the coupon
- Creating coupon from selected bets and betting amount
- Saving coupon to local storage so when user refreshes the page, the coupon is still there
- React
- Next.js
- Redux
- Redux Toolkit
- TypeScript
- Styled Components
- Styled System
- Axios
- Nuqs
- SVGR
To install the project, follow these steps:
- Clone the repository to your local machine using the command:
git clone https://github.com/disleem1337/a8df9ade7018cce2520b8ecff6e5c585.git- Navigate to the project directory using the command:
cd a8df9ade7018cce2520b8ecff6e5c585- Install the dependencies using the command:
npm install-
Create env file like .env.example file and fill it with your own values.
-
Run the development server using the command:
npm run dev- Open your web browser and navigate to http://localhost:3000 to view the application.