An open API service indexing awesome lists of open source software.

https://github.com/mohamadanasfattoum/django-vue-courses

Udemy Courses Filter Page Clone Using Django & Vuejs
https://github.com/mohamadanasfattoum/django-vue-courses

axios bootstrap5 django django-rest-framework python swagger vuejs

Last synced: 3 months ago
JSON representation

Udemy Courses Filter Page Clone Using Django & Vuejs

Awesome Lists containing this project

README

        

# Django-Vue-Courses

Django-Vue-Courses is a project that aims to clone the Udemy Courses Filter Page using Django and Vue.js. This project provides a web application where users can search and filter Udemy courses based on various criteria.

### project screenshot
![](https://github.com/mohamadanasfattoum/Django-Vue-Courses/blob/main/Screenshot.png)

## Features

- Search and filter Udemy courses
- Filter courses by category, price, and rating
- Interactive user interface
- Pagination for displaying multiple courses
- Integration with Django backend and Vue.js frontend
- Utilization of Django REST Framework and Swagger for API documentation
- Implementation of Axios for handling API requests
- Integration of Bootstrap 5 for responsive design

## Installation

To run the Django-Vue-Courses application locally, follow these steps:

1. Clone the repository:
```
git clone https://github.com/mohamadanasfattoum/Django-Vue-Courses.git
```

2. Navigate to the project directory:
```
cd Django-Vue-Courses
```

3. Install the required dependencies:
```
pip install -r requirements.txt
```

4. Start the Django development server:
```
python manage.py runserver
```

5. Access the application in your web browser at `http://localhost:8000`.

## Technologies Used

- Django
- Vue.js
- Django REST Framework
- Swagger
- Axios
- Bootstrap 5
- Python
- JavaScript
- HTML
- CSS

## Contributions

Contributions to the Django-Vue-Courses project are welcome! If you find any issues or have suggestions for improvements, please open an issue in the GitHub repository.

## Acknowledgements

This project was created by [mohamadanasfattoum](https://github.com/mohamadanasfattoum).