Skip to content

CodelyTV/react-devdash

Repository files navigation

Codely logo

🎛️ DevDash

Build status Codely Open Source CodelyTV Courses

Developer dashboard focused on learning React appling best practices.

App created with the 🌱⚛️ Create React App Codely template

Stars are welcome 😊

🚀 Run the app

  • npm install: Install dependencies
  • cp .env.example .env: Create the environment variables file based on the example template
  • vim .env: Specify your GitHub Personal access token (how to get it -> your tokens -> Enable Repo.public_repo)
  • vim src/devdash_config.ts: Set the repository URLs you want to show on your DevDash_
  • npm start: Run in dev mode on localhost:3000
  • npm run build: Generate production build

✅ Testing

Unit tests

npm run test: Run unit tests with Jest and React Testing Library

End-to-end tests

  • npm start: Run in dev mode on localhost:3000
  • Run end-to-end tests with Cypress choosing one of the following options:
    • npm run cy:open: Open Cypress in dev mode
    • npm run cy:run: Execute Cypress in CLI

🔦 Linting

  • npm run lint: Run linter
  • npm run lint:fix: Fix lint issues

👌 Codely Code Quality Standards

Publishing this package we are committing ourselves to the following code quality standards:

  • 🤝 Respect Semantic Versioning: No breaking changes in patch or minor versions
  • 🤏 No surprises in transitive dependencies: Use the bare minimum dependencies needed to meet the purpose
  • 🎯 One specific purpose to meet without having to carry a bunch of unnecessary other utilities
  • Tests as documentation and usage examples
  • 📖 Well documented ReadMe showing how to install and use
  • ⚖️ License favoring Open Source and collaboration

🔀 Related information

This application was generated using the 🌱⚛️ Create React App Codely template. Feel free to check it out and star the repo! 🌟😊🙌