📚 Course Tracker
A simple and user-friendly Course Tracker Web Application that helps users learn different technical courses, view topic-wise content, and track their learning progress.
🚀 Features
- 🔐 User Registration
- 🔑 User Login and Logout
- 📚 10 Technical Courses
- 📖 Topic-wise Course Content
- ✅ Mark topics as completed
- 📊 Track course progress
- 🔍 Search courses
- 💾 Save user data and progress using browser
localStorage - 📱 Simple and responsive user interface
📚 Available Courses
The application currently includes:
- HTML
- CSS
- JavaScript
- Python
- Java
- DBMS
- C Programming
- Data Structures
- Machine Learning
- Data Science
🛠️ Technologies Used
Frontend
- HTML
- CSS
- JavaScript
Data Storage
- Browser
localStorage
Backend
- None
Database
- None
⚙️ How It Works
- Open the Course Tracker website.
- Create an account using the Register option.
- Login using your email and password.
- Select a course from the course list.
- Open individual topics to learn.
- Mark completed topics.
- View your overall progress in My Progress.
- Logout when finished.
💾 Data Storage
This project uses the browser's localStorage to store:
- Registered user information
- Current logged-in user
- Course progress
- Completed topics
No external backend server or database is currently used.
📂 Project Structure
Course-Tracker/
│
├── index.html
├── style.css
├── script.js
└── README.md
The exact filenames can be changed according to your project files.
▶️ How to Run
- Download or clone this repository.
- Open the project folder.
- Open
index.htmlin a web browser. - Register a new account.
- Login and start learning.
No server or backend setup is required.
🎯 Project Objective
The main objective of this project is to provide a simple platform where users can:
- Learn technical subjects
- Access topic-wise learning content
- Track completed topics
- Monitor their learning progress
🔮 Future Improvements
The project can be extended in the future with:
- 🌐 Backend integration
- 🗄️ Database integration
- 🔐 Secure authentication
- 👤 User profile management
- 📈 Advanced progress analytics
- ☁️ Cloud data storage
- 📱 Improved mobile responsiveness
👩💻 Developer
Jhansi Andavarapu
B.Tech – Artificial Intelligence & Data Science
📄 License
This project is created for learning and educational purposes.
What it does
How we built it
Challenges we ran into
Accomplishments that we're proud of
What we learned
What's next for DATAINSIGHT AGENT
Built With
- ai
- aiagent
- artificialintelligence
- coursetracker
- css
- dbms
- edtech
- education
- educationaltechnology
- elearning
- generativeai
- html
- javascript
- learning
- learningmanagement
- machine-learning
- personalization
- personalizedlearning
- productivity
- python
- studentproductivity
- studenttool
- studyassistant
- studyplaner
- webapp
Log in or sign up for Devpost to join the conversation.