Frontend Test - Poyraz Yilmaz #92
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
cypress is added for e2e test. socket.io client is added for connecting to server. redux is added for state management.
some fixes on tasksApi and reducer. tasks container component is created. default tasks added to server to show them on opening page.
some styles are added. some e2e tests added.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Hi there,
This is my assignment project. I really enjoyed on this one. Hope you like it.
Usage
To install dependencies for both server and client:
yarnTo start server and client together:
yarn startTo start them alone:
yarn start:serveroryarn start:clientTo run E2E tests:
yarn testTo run client tests:
yarn test:clientIntroduction
You can simply add, update, delete or complete tasks.
This application using socket.io for dynamic ui so you can open two client and see they are effecting each other on real time.
To listing task it uses react-window for better performance with a lot of data.
Tech Stack
For Client:
For Server:
Conclusion
Thank you for reviewing this application. Hope you like it.