Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rishika105/top-courses-react
A webpage that contains course categories which we can filter out. It is made using ReactJS and Tailwind configurations.
https://github.com/rishika105/top-courses-react
reactjs tailwind
Last synced: 6 days ago
JSON representation
A webpage that contains course categories which we can filter out. It is made using ReactJS and Tailwind configurations.
- Host: GitHub
- URL: https://github.com/rishika105/top-courses-react
- Owner: rishika105
- Created: 2024-05-11T15:09:20.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-09-08T05:53:32.000Z (2 months ago)
- Last Synced: 2024-09-08T06:45:07.036Z (2 months ago)
- Topics: reactjs, tailwind
- Language: JavaScript
- Homepage: https://top-courses-react-tailwind.netlify.app/
- Size: 300 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Top Courses - React Project
A React app that displays a list of courses and allows filtering by category.
## Features
- Filter courses by category.
- Display courses in card format.
- Show a loading spinner while fetching data.
- Error notifications using `react-toastify`.## Installation
1. Clone the repository:
```bash
git clone https://github.com/rishika105/top-courses-react.git
```
2. Install dependencies:
```bash
npm install
```
3. Start the app:
```bash
npm start
```## Usage
- Navigate to `http://localhost:3000` to view the app.
- Filter courses using the options provided at the top.## Key Dependencies
- **React**
- **React Toastify**## Screenshots
![image](https://github.com/user-attachments/assets/45bdb6af-089b-43ce-a984-8f89cb6d9e9c)![image](https://github.com/user-attachments/assets/ab2bfe7d-7b63-4f4d-bff8-5ed22316bab0)