Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ol1mowski/course-landing-page
Celem projektu jest stworzenie platformy z kursami online, która umożliwia użytkownikom efektywne zarządzanie treścią edukacyjną. Platforma zawiera landing page promujący kursy oraz panel administratora do zarządzania zawartością.
https://github.com/ol1mowski/course-landing-page
jest playwright react reactquery redux tailwindcss typescript
Last synced: 27 days ago
JSON representation
Celem projektu jest stworzenie platformy z kursami online, która umożliwia użytkownikom efektywne zarządzanie treścią edukacyjną. Platforma zawiera landing page promujący kursy oraz panel administratora do zarządzania zawartością.
- Host: GitHub
- URL: https://github.com/ol1mowski/course-landing-page
- Owner: ol1mowski
- Created: 2024-11-18T11:54:40.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-25T15:35:27.000Z (28 days ago)
- Last Synced: 2024-11-25T16:36:31.577Z (28 days ago)
- Topics: jest, playwright, react, reactquery, redux, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 166 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Online Course Platform**
A modern, responsive platform for hosting and managing online courses. This project combines cutting-edge web development technologies to deliver a seamless user experience, including a landing page for showcasing courses and an admin panel for content management.
---
## **Features**
- **Landing Page**: Promotes courses and highlights their features.
- **Admin Panel**: Tools for managing course content.
- **Responsive Design**: Built with TailwindCSS to ensure compatibility across devices.
- **State Management**: Efficiently handled with Redux.
- **Routing and Data Fetching**:
- **Routing**: Powered by React Router for seamless navigation.
- **HTTP Queries**: Managed via React Query for optimal data handling.
---
## **Tech Stack**
### **Frontend**
- **Framework**: React with TypeScript
- **Styling**: TailwindCSS
- **Routing**: React Router
- **HTTP Requests**: React Query
- **State Management**: Redux
### **Build Tool**
- **Vite**: For fast and efficient project bundling.
### **Hosting and Deployment**
- **Hosting**: [Vercel](https://vercel.com/)
- **Domain**: [freelancematt.pl](https://freelancematt.pl)
### **Version Control**
- **Git**: Source code managed with Git.
- **Repository**: Hosted on GitHub.
### **CI/CD**
- **GitHub Actions**: Automates testing and deployment workflows.
### **Testing**
- **Unit Testing**: Implemented using Jest.
- **End-to-End Testing (E2E)**: Powered by Playwright.
---
## **Setup and Installation**
To run the project locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/ol1mowski/Course-Landing-Page.git
```
2. **Navigate to the project directory**:
```bash
cd Course-Landing-Page
```
3. **Install dependencies**:
```bash
npm install
```
4. **Start the development server**:
```bash
npm run dev
```
5. Open [http://localhost:3000](http://localhost:3000) in your browser to view the application.
---
## **Development Workflow**
1. **Feature Development**: Create feature branches from `main`.
2. **Testing**:
- Run unit tests with Jest:
```bash
npm run test
```
- Run E2E tests with Playwright:
```bash
npx playwright test
```
3. **CI/CD Pipeline**: Automatically triggered by pushes to `main`. Includes testing and deployment to Vercel.
---
## **Contributing**
Contributions are welcome! Follow these steps to contribute:
1. Fork the repository.
2. Create a new branch for your feature or bugfix:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add feature-name"
```
4. Push your branch and submit a pull request.