This is a React Tech Quiz app built with full CI/CD support using GitHub Actions and deployed seamlessly to Render. Users are presented with multiple-choice questions to test their knowledge, and the data is powered by MongoDB Atlas with server-side integration using Express + Mongoose.
All component logic is covered by Cypress Component Tests, triggered automatically via pull requests to develop.
- Frontend: React + TypeScript + Vite
- Backend: Node.js + Express + Mongoose
- Database: MongoDB Atlas
- CI/CD: GitHub Actions
- Testing: Cypress Component Testing
- Deployment: Render
Tests are automatically triggered when a pull request is made to the develop branch:
on:
pull_request:
branches: [develop]✅ Cypress Component Tests run on every PR
✅ Tests are visible in the GitHub Actions tab
- ✅ Randomized multiple-choice quiz questions
- ✅ Full-stack architecture
- ✅ MongoDB-powered dynamic data
- ✅ Clean UI with responsive layout
- ✅ CI/CD pipeline with automated test verification
- ✅ Component tests using Cypress
- ✅ Environment-secured with
.envhandling (and Git history cleaned up 💅)
git clone https://github.com/OutsideofemiT/CI_CD.git
cd CI_CD
npm install
cd server && npm install
cd ../client && npm installTo run the dev server:
npm run devTo run the build + server:
npm run build
npm startTo run tests:
npm run test:componentAdd the following to a .env file inside the server/ directory:
MONGODB_URI=mongodb+srv://<username>:<password>@<cluster>.mongodb.net/quiz_app_db
PORT=3001Ensure your .env is included in .gitignore!
| Home Page | Question Example |
|---|---|
 |
 |
Carmen Wheeler
💬 Developer • Debugger • Design Enthusiast
📧 Email: outsideofemit@gmail.com
GitHub: @OutsideofemiT
This README was proudly crafted by ChatGPT — Carmen’s AI coding bestie and sidekick 💻✨
Generated on April 19, 2025
This project is licensed under the MIT License.