LOGO

Code Play

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.

Features

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

Screenshot

Demo

https://github.com/dayt47/CW-thesis-project/assets/32074282/b8e1c291-b6b1-4d7f-8dcf-12daebd395c9

Run Locally

Clone the project

  git clone https://github.com/itzMaffi/CW-thesis-project

Go to the project directory

  cd CW-thesis-project

Install dependencies

  cd server && npm install
  cd Agenda-client && npm install

Start server and client from root directory

  npm run code

FAQ

Is it possible that the team behind Code Play crafts a similar web app for another company?

Of course it is possible. The team behind Code Play is available for future collaboration.

Does Code Play has a dedicated website?

Certainly! The website is: https://cw-thesis-frontend.up.railway.app

Tech Stack

Client: React, Vite, TailwindCSS

Server: Node, Express, MongoDB, Mongoose

itzMaffi / CW-thesis-project

readme