https://github.com/jjacobsonn/learnify
Learnify: A modern Learning Management System (LMS) built with Next.js, TypeScript, and Tailwind CSS. Features robust authentication, interactive course management, progress tracking, and community engagement tools.
https://github.com/jjacobsonn/learnify
clerk clerk-auth clerk-authentication clerkauth e-learning e-learning-platform e-learning-website education lms nextjs react tailwindcss typescript webdev
Last synced: about 2 months ago
JSON representation
Learnify: A modern Learning Management System (LMS) built with Next.js, TypeScript, and Tailwind CSS. Features robust authentication, interactive course management, progress tracking, and community engagement tools.
- Host: GitHub
- URL: https://github.com/jjacobsonn/learnify
- Owner: jjacobsonn
- Created: 2025-08-14T20:19:45.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-16T06:11:01.000Z (10 months ago)
- Last Synced: 2025-08-16T06:22:12.500Z (10 months ago)
- Topics: clerk, clerk-auth, clerk-authentication, clerkauth, e-learning, e-learning-platform, e-learning-website, education, lms, nextjs, react, tailwindcss, typescript, webdev
- Language: TypeScript
- Homepage: https://learnify-new-1.vercel.app/
- Size: 3.47 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Learnify
        
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.
### Live URL
[https://learnify-new-1.vercel.app/dashboard](https://learnify-new-1.vercel.app/dashboard)
---
## Website Pages
### Landing Page
The main entry point to Learnify, showcasing its features and inviting users to sign up or log in.
### Sign-Up Page
Allows new users to create an account and start their learning journey.
### Dashboard
Provides an overview of the user's enrolled courses, progress, and quick access to resume learning.
### Browse Courses
Displays a catalog of available courses, allowing users to explore and enroll in new learning opportunities.
### Community Page
Engage with other learners through discussions, Q&A, and resource sharing.
### Courses Page
Detailed information about individual courses, including curriculum and learning objectives.
### Progress Page
Track your learning progress with visual indicators and detailed analytics.
---
## Features
### Authentication
- **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.
### Dashboard
- **Course Overview**: View enrolled courses and progress.
- **Progress Tracking**: Visual indicators for course completion.
- **Quick Access**: Resume learning from where you left off.
### Course Management
- **Course Catalog**: Browse and filter available courses.
- **Dynamic Course Pages**: Detailed course information and curriculum.
- **Learning Paths**: Structured learning sequences.
### Community Features
- **Discussion Forums**: Engage with other learners.
- **Q&A**: Ask and answer questions.
- **Resource Sharing**: Share learning materials.
### Security
- **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.
---
## How It Works
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.
---
## Setup Instructions
1. **Clone the Repository**:
```bash
git clone https://github.com/jjacobsonn/lms-framework.git
cd lms-framework
```
2. **Install Dependencies**:
```bash
npm install
```
3. **Configure Environment Variables**:
- Copy the example environment file:
```bash
cp .env.example .env.local
```
- Update `.env.local` with your Clerk API keys and other required configurations.
4. **Run the Development Server**:
```bash
npm run dev
```
The application will be available at `http://localhost:3000`.
---
## Deployment
Learnify is deployed on Vercel, a platform optimized for Next.js applications. Vercel provides seamless integration with GitHub, automatic deployments, and serverless functions.
### Live Demo
You can access the live application here:
[Learnify Dashboard](https://learnify-new-1.vercel.app/dashboard){:target="_blank"}
### Hosting Details
- **Platform**: Vercel
- **Domain**: [https://learnify-new-1.vercel.app/dashboard](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
---
## Libraries and Tools Used for Hosting
- **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
---
## Disclaimer
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.
---
## License
This project is licensed under the MIT License. See the LICENSE file for details.