A professional-grade Learning Management System (LMS) built with modern web technologies. Learnify is designed to provide a seamless and secure learning experience for users, featuring robust authentication, interactive course management, and comprehensive progress tracking.
https://learnify-new-1.vercel.app/dashboard
The main entry point to Learnify, showcasing its features and inviting users to sign up or log in.
Allows new users to create an account and start their learning journey.
Provides an overview of the user's enrolled courses, progress, and quick access to resume learning.
Displays a catalog of available courses, allowing users to explore and enroll in new learning opportunities.
Engage with other learners through discussions, Q&A, and resource sharing.
Detailed information about individual courses, including curriculum and learning objectives.
Track your learning progress with visual indicators and detailed analytics.
- Email/Password Login: Secure credential-based sign-in.
- Google Authentication: Easy login with Google accounts.
- Password Reset: Secure password recovery via email.
- Session Management: Track and manage active sessions across devices.
- Two-Factor Authentication (2FA): Enhanced account security.
- Course Overview: View enrolled courses and progress.
- Progress Tracking: Visual indicators for course completion.
- Quick Access: Resume learning from where you left off.
- Course Catalog: Browse and filter available courses.
- Dynamic Course Pages: Detailed course information and curriculum.
- Learning Paths: Structured learning sequences.
- Discussion Forums: Engage with other learners.
- Q&A: Ask and answer questions.
- Resource Sharing: Share learning materials.
- Protected Routes: Middleware ensures only authenticated users access sensitive pages.
- IP and Device Tracking: Monitor login activity for suspicious behavior.
- Content Security Policies: Prevent unauthorized access and attacks.
Learnify is a full-stack web application leveraging the following technologies:
- Next.js: For server-side rendering and file-based routing.
- TypeScript: Ensures type safety and better developer experience.
- Tailwind CSS: Provides utility-first styling for rapid UI development.
- Clerk: Handles authentication and user management.
- Node.js: Backend runtime for server-side logic.
-
Clone the Repository:
git clone https://github.com/jjacobsonn/lms-framework.git cd lms-framework -
Install Dependencies:
npm install
-
Configure Environment Variables:
- Copy the example environment file:
cp .env.example .env.local
- Update
.env.localwith your Clerk API keys and other required configurations.
- Copy the example environment file:
-
Run the Development Server:
npm run dev
The application will be available at
http://localhost:3000.
Learnify is deployed on Vercel, a platform optimized for Next.js applications. Vercel provides seamless integration with GitHub, automatic deployments, and serverless functions.
You can access the live application here:
Learnify Dashboard{:target="_blank"}
- Platform: Vercel
- Domain: https://learnify-new-1.vercel.app/dashboard
- Features:
- Automatic deployments from GitHub
- Serverless functions for backend logic
- Free SSL certificates
- Global CDN for fast content delivery
- Vercel: For hosting and deployment
- GitHub: Version control and CI/CD integration
- Next.js: Framework for server-side rendering and static site generation
- Clerk: Authentication and user management
- Tailwind CSS: Styling framework
- Node.js: Backend runtime
This project is provided "as is" without any warranty. Use at your own risk. The authors are not responsible for any issues or damages arising from the use of this software.
This project is licensed under the MIT License. See the LICENSE file for details.