Code Play is a web app which combines different widgets for a new learning experience. Say goodbye to old-fashioned e-learning websites. Code Play is coded with modern React and Vite and lets you decice how you want to place the handcrafted widgets which are designed for a Grid-Layout-system. You can choose from more than 8 beautiful widgets. Some of them are lecture of the day, calendar, quiz and stackoverflow.
With Code Play you don't need to worry about small screens, because Code Play is designed for every screen size. The Grid-Layout-system will quickly adapt to your personal screen size no matter if you are working on a smartphone, tablet or computer.
- Responsive Grid Layout
- Cross platform
- 8 Widgets to choose from:
- Lecture of the day
- Progress Bar
- User Profile
- Ask for help
- Announcements
- Quiz of the day
- Calendar
- Find on Stackoverflow
- Widgets are drag and droppable
code-play-demo.mp4
Clone the project
git clone https://github.com/itzMaffi/CW-thesis-projectGo to the project directory
cd CW-thesis-projectInstall dependencies
cd server && npm install
cd Agenda-client && npm installStart server and client from root directory
npm run codeOf course it is possible. The team behind Code Play is available for future collaboration.
Certainly! The website is: https://cw-thesis-frontend.up.railway.app
Client: React, Vite, TailwindCSS
Server: Node, Express, MongoDB, Mongoose
