React Challege | Take your React Skills to the Next Level.
React Challenge is an platform to take challenge on React using a simple, easy-to-use interface. You can take challenge as your level.
The purpose of this project to make good at React by giving some challenges to you. There are list of challenges you can try and update your skills.
We start with a very basic three tier architecture, we have frontend with React, backend with Node and for Database we have mongodb and each Challenge is running on instance of a @codesandbox/sandpack.
We have different components in our architecture, explanation of each component :
- Frontend : When the user comes to the application frontend is the first which shows up, it establish a connection between backend and request for the challenge details.
- Backend : It server the request of frontend using database.
- Database and Storage : We save all the challenge details like challenge title, category, user details, files of challenges are all stored in a mongoDB.
- @codesandbox/sandpack : Because of this we can run the react project or server-side like node,Next.js,svelt in the browser, yes you read it right 'In-Browser', also we can run preview, console, tests,etc.
The app is still in experimenting phase, we are improving it's testing, better UI, other features. If you want to try the app you can go to the top of the page and click on "View Site". It may feel like buggy or some error may come.