Clowder is an innovative e-learning platform developed using the MERN stack, designed to transform education through personalized learning experiences powered by AI. It offers features like chapter-based adaptive testing, AI-driven support, real-time code analysis, and motivational tools to enhance student engagement.
- Personalized Learning: Adaptive tests tailored to skill levels, focusing on weak areas before progressing.
- AI Compiler: Analyze code complexity, visualize execution, and receive real-time AI suggestions.
- Student Progress Tracking: Keep track of completed tests, scores, and areas of improvement.
- Community Engagement: Collaborative learning through discussion boards and peer reviews.
- Reward System: Earn points, badges, and exclusive content for consistent performance.
- React.js
- HTML/CSS
- JavaScript
- Node.js
- Express.js
- MongoDB
- AI tools for suggestions and learning optimization (e.g., ChatGPT, Gamma AI).
- Node.js
- MongoDB
- Git
-
Clone the Repository:
git clone https://github.com/AdarshKumarSr/Clowder.git
-
Navigate to the Project Directory:
cd Clowder
-
Set Up the Backend:
cd backend npm install
-
Configure Environment Variables:
- Create a
.env
file in thebackend/
directory and add:MONGO_URI=your-mongodb-uri JWT_SECRET=your-secret-key
- Create a
-
Start the Backend Server:
node server.js
-
Set Up the Frontend:
cd ../frontend npm install
-
Start the Frontend Application:
npm run dev
- Open your browser and navigate to
http://localhost:3000
. - Register or log in to access the platform.
- Explore learning modules, take adaptive tests, and track your progress.
- Fork the repository.
- Create a feature branch:
git checkout -b feature-name
- Commit your changes:
git commit -m "Your message"
- Push to your branch:
git push origin feature-name
- Create a pull request to the main repository.
This project is licensed under the MIT License.
- Developer: Adarsh Kumar
- Email: srivastavaadarsh084@gmail.com
AI-SANDBOX
├─ backend
│ ├─ .env
│ ├─ config
│ │ └─ db.js
│ ├─ controllers
│ │ ├─ auth.controller.js
│ │ ├─ compiler.complexity.js
│ │ ├─ compiler.controller.js
│ │ ├─ course.controller.js
│ │ └─ visualization.controller.js
│ ├─ models
│ │ ├─ course.admin.js
│ │ └─ User.js
│ ├─ package-lock.json
│ ├─ package.json
│ ├─ routes
│ │ ├─ auth.js
│ │ ├─ compiler.js
│ │ ├─ complexity.js
│ │ ├─ course.js
│ │ └─ visualization.js
│ └─ server.js
├─ frontend
│ ├─ .env
│ ├─ eslint.config.js
│ ├─ index.html
│ ├─ package-lock.json
│ ├─ package.json
│ ├─ public
│ │ └─ vite.svg
│ ├─ README.md
│ ├─ src
│ │ ├─ api
│ │ │ └─ api.js
│ │ ├─ App.jsx
│ │ ├─ assets
│ │ │ ├─ css
│ │ │ │ ├─ buttons.css
│ │ │ │ ├─ compiler.css
│ │ │ │ ├─ forms.css
│ │ │ │ ├─ global.css
│ │ │ │ ├─ Home.css
│ │ │ │ ├─ Login.css
│ │ │ │ └─ Registration.css
│ │ │ └─ react.svg
│ │ ├─ components
│ │ │ ├─ Footer.jsx
│ │ │ └─ Nav.jsx
│ │ ├─ index.css
│ │ ├─ main.jsx
│ │ └─ pages
│ │ ├─ Compiler.jsx
│ │ ├─ Course.jsx
│ │ ├─ Home.jsx
│ │ ├─ Login.jsx
│ │ └─ Register.jsx
│ └─ vite.config.js
├─ package-lock.json
└─ README.md