The project shows the github issues of the Reactjs project.
It contains pagination, filtering Open & Closed issues and comments for every issue.
It also contains a detailed view by selecting an issue giving more information to the user regarding the issue selected.
You can find the kanban board of this project here.
The project is build with React and Typescript. It uses jest and testing-library for testing. It also uses Tailwind CSS for styling.
For continuous integration and continuous deployment it uses Netlify CI/CD. The project has been deployed here: https://github-issues-prj.netlify.app/
The project is also using Snyk for security vulnerabilities, and Codacy for code static analysis.
-
Clone the project on your local machine.
$ git clone https://github.com/basilisSam/Github-Issues.git -
Navigate to the project folder and install the dependencies with the following command.
$ npm install -
Run the application locally (the application can be accessed from localhost:3000)
$ npm run start
You can run the application locally by using npm run start.
You can run the tests of the application with npm run test
You can run the tests of the application and enable watching for any updates with npm run test:watch
You can run the tests of the application and generate a coverage report with npm run test:coverage
The report can be found in the /coverage/ folder.
You can lint the project with npm run lint
You can lint the project and attempt to fix issues with npm run lint-fix
You can build the application in production mode with npm run build
You can build the application in production mode, run tests and lint the project with npm run build:prod
Note: You can use
yarninstead ofnpm
The following steps are running when a commit is made to main branch:
- Triggers a build pipeline
- Lint code
- Run tests
- Build project