The CLOVER website provides an interface for users to sign in, view their coding activity, manage class enrollment, and access personalized statistics pulled from the Visual Studio Code extension.
It serves as a companion frontend to the CLOVER API, offering a clean and intuitive UI for students and instructors.
- React frontend framework
- Vite build tool
- Tailwind CSS for styling
- ShadCN for components
- Supabase authentication and database
Installation instructions for NodeJS can be found here
From the root directory of the project run to install the dependencies
npm installTo run the development server use
npm run devdocker build \
--build-arg SUPABASE_URL=
--build-arg SUPABASE_KEY=
--build-arg BASE_URL= -t clover-website:latest .
See .env.example for where to get all the variables you will need. Mainly a Supabase project and a Google Gemini API key.
We welcome contributions! Please open issues, submit pull requests, or reach out with suggestions.
- Fork the repo
- Create your branch (
git checkout -b feature/thing) - Commit your changes (
git commit -am 'Add thing') - Push to the branch (
git push origin feature/thing) - Open a pull request
This project is licensed under the MIT License. See LICENSE for details.
Jaime |
Antonio |
Sophie |
Nick |
Jack |
Ian Tyler Applebaum |