Explore the key features and interface of SharpLearn through these interactive screenshots.
Comprehensive course catalog with real-time search functionality and category-based organization across multiple technologies
Full-featured shopping cart with add/remove functionality, virtual wallet integration, and secure course purchase flow
Personalized user dashboard for tracking enrolled courses, progress monitoring, and referral system management
Mobile-first responsive design with Material-UI components ensuring optimal user experience across all devices
A comprehensive full-stack e-learning platform designed for employee skill development and training. Built with modern web technologies including React, Node.js, Express, and MongoDB.
git clone <repository-url>
cd SharpLearn-production
cd backend
npm install
cd ../frontend
npm install
The project uses hardcoded configuration for simplicity. Key settings are configured in:
backend/index.js - Database URI, JWT secret, CORS originsfrontend/src/utils.js - API base URLcd backend
node seedData.js # If seed file exists
cd backend
npm run dev
# Server runs on http://localhost:4000
cd frontend
npm start
# Application opens at http://localhost:3000
# Backend
cd backend
npm start
# Frontend
cd frontend
npm run build
# Deploy the build folder to your hosting service
SharpLearn-production/
├── backend/
│ ├── models/
│ │ ├── user.js # User schema and model
│ │ ├── course.js # Course schema and model
│ │ └── share.js # Referral schema and model
│ ├── index.js # Main server file with routes
│ ├── package.json # Backend dependencies
│ └── .gitignore # Git ignore rules
│
└── frontend/
├── public/
│ ├── index.html # Main HTML template
│ └── logoSizeS.png # Application logo
│
└── src/
├── components/ # Reusable UI components
│ ├── Bar/
│ │ ├── NavBar/ # Navigation component
│ │ └── Footer/ # Footer component
│ ├── Loader/ # Loading spinner
│ ├── ShowMsg/ # Message display
│ └── ...
│
├── pages/ # Route components
│ ├── HomePage.js
│ ├── AllCoursePage.js
│ ├── CourseDetailsPage.js
│ ├── CartPage.js
│ ├── LoginPage.js
│ └── ...
│
├── services/ # API service layer
│ ├── auth.js # Authentication services
│ ├── courses.js # Course-related API calls
│ └── cart.js # Shopping cart services
│
├── styles/ # CSS stylesheets
├── images/ # Static assets
├── utils.js # Utility functions
├── routes.js # Route configuration
└── index.js # Application entry point
POST /auth/register - User registrationPOST /auth/login - User loginPOST /auth/forgot-password - Password resetGET /auth/verify-token - Token validationGET /courses - Get all courses (with optional search)GET /courses/:id - Get course by IDGET /courses-limited - Get limited courses (homepage)GET /courses-other/:id - Get other courses (excluding specific ID)GET /cart - Get user's cart itemsPOST /cart/add - Add course to cartDELETE /cart/remove/:courseId - Remove course from cartPOST /cart/purchase - Purchase cart itemsGET /user/profile - Get user profilePUT /user/profile - Update user profileGET /user/enrolled - Get enrolled coursesPOST /referral/apply - Apply referral codeGET /get_all/:id - Get referral details// backend/index.js
const MONGO_URI =
"mongodb+srv://username:password@cluster.mongodb.net/sharplearn";
// frontend/src/utils.js
const apiBaseUrl = "http://localhost:4000/";
// backend/index.js
const allowlist = [
"http://localhost:3000",
"http://localhost:3001",
"https://www.sharplearn.tech",
];
Use tools like Postman or curl to test API endpoints:
# Test login
curl -X POST http://localhost:4000/auth/login \
-H "Content-Type: application/json" \
-d '{"email":"test@example.com","password":"password"}'
npm run buildThis project is developed for educational and training purposes.
Adarsh Suman
The SharpLearn platform is fully functional with:
Ready for deployment and scaling! 🚀