A modern React + Vite web application that teaches the fundamentals of Git, GitHub, and GitHub Actions with an interactive UI and automated testing pipeline.
This project is an educational web application built with React and Vite that demonstrates modern web development practices. It features an interactive help system that explains key concepts related to Git, GitHub, and GitHub Actions automation.
- Interactive Help Section - Toggle-able content explaining Git, GitHub, and GitHub Actions
- Responsive Design - Works seamlessly on desktop and mobile devices
- Comprehensive Testing - Unit tests with React Testing Library and Vitest
- CI/CD Pipeline - Automated testing on every push via GitHub Actions
- Fast Development - Vite provides instant hot module reload (HMR)
- Modern Stack - React 18.2, Vite 3.0, and current best practices
| Technology | Version | Purpose |
|---|---|---|
| React | 18.2.0 | UI library |
| Vite | 3.0.7 | Build tool & dev server |
| Vitest | 0.22.1 | Unit testing framework |
| React Testing Library | 13.3.0 | Component testing utilities |
| jsdom | 20.0.0 | DOM simulation for tests |
| Node.js | 18+ | Runtime environment |
Ensure you have installed:
git clone https://github.com/rajdeepdas2000/second-action.git
cd second-actionnpm installnpm run devThe application will be available at http://localhost:5173
| Command | Description |
|---|---|
npm run dev |
Start development server with hot reload |
npm run build |
Create optimized production build |
npm run preview |
Preview production build locally |
npm test |
Run test suite (Vitest) |
npm test