https://github.com/developeromarfaruk/xam-task-maac

Frontend Developer Task: Landing Page, Course Packages, Cart, Authentication, and Dashboard
https://github.com/developeromarfaruk/xam-task-maac

axios bootstrap5 css3 html5 react-hooks react-router react-router-dom reactjs redux redux-toolkit redux-toolkit-query restful-api

Last synced: 3 months ago
JSON representation

Frontend Developer Task: Landing Page, Course Packages, Cart, Authentication, and Dashboard

• Host: GitHub
• URL: https://github.com/developeromarfaruk/xam-task-maac
• Owner: DeveloperOmarFaruk
• Created: 2025-01-24T15:17:34.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-01-24T16:13:19.000Z (5 months ago)
• Last Synced: 2025-01-24T16:33:20.846Z (5 months ago)
• Topics: axios, bootstrap5, css3, html5, react-hooks, react-router, react-router-dom, reactjs, redux, redux-toolkit, redux-toolkit-query, restful-api
• Language: JavaScript
• Homepage: https://xam-task-maac.netlify.app
• Size: 7.73 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Here is some UI and work shown in this repository

#

[Live Preview Project](https://xam-task-maac.netlify.app)

#

## Project Details

#

![image](https://github.com/user-attachments/assets/27857cba-db65-41b9-97f8-4b3bc47ebd1c)

![image](https://github.com/user-attachments/assets/8989f1a0-de83-469d-abb7-d5e71f3114ee)

![image](https://github.com/user-attachments/assets/4bd1a5cc-6601-4925-b17b-6841f2d74057)

![image](https://github.com/user-attachments/assets/0e25f275-a440-4135-a2a1-4e446ddd7515)

#

### `Project Run Command`

#

 1. npm install

 2. npm run start

    

#

### `Technology Use`

#

1. React JS

2. React Hooks

3. Event Handlers

4. Arrow Functions

5. Axios RESTful API

6. React Router

7. React Router Dom

8. React Private Route

9. React Lists and Keys

10. Redux

11. Redux Toolkit

12. Redux Toolkit Query

13. Authentication

14. JWT Token

15. Font Awesome

16. Google Fonts

17. HTML5

18. CSS3

19. Bootstrap5

#

### `Project Deploy`

#

1. Netlify (Frontend Part)

#

### `User Login`

#

1. Email: [email protected]

2. Password: 123456

3. Coupon Code: Xampro100

    

#

### `Project Pages`

#

1. Home

2. Product

3. Cart

4. My Packages

5. Create Package

6. Upcoming 

7. Login

8. Register

9. Error 404

#

### `Home Page`

#

![image](https://github.com/user-attachments/assets/2dc1772e-2e6d-46d8-a76f-9209d5174733)

#

### `Products Page`

#

![image](https://github.com/user-attachments/assets/8b9ee590-597b-49d3-98fe-44cc5edbb728)

#

### `Cart Page`

#

![image](https://github.com/user-attachments/assets/53cda814-64d0-4861-911d-30dfd48a8fb9)

#

### `My Package Page`

#

![image](https://github.com/user-attachments/assets/fb387903-07aa-48b0-9752-eedf87acd64e)

#

### `Create Package Page`

#

![image](https://github.com/user-attachments/assets/45f1080b-3746-4c19-9ec8-6a1d5ec2c816)

#

### `Upcoming Page`

#

![image](https://github.com/user-attachments/assets/ab09b7bd-240f-49ce-bf93-1717ed3be2e1)

#

### `Login Page`

#

![image](https://github.com/user-attachments/assets/01311601-6937-4032-be10-1156c8ad4a9e)

#

### `Register Page`

#

![image](https://github.com/user-attachments/assets/ab0d26a4-5791-4bdc-8c67-f10a5e19259b)

#

### `Error 404`

#

![image](https://github.com/user-attachments/assets/491a9e65-7d54-4529-b0cd-f81517a59602)

#