📚 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:

  1. HTML
  2. CSS
  3. JavaScript
  4. Python
  5. Java
  6. DBMS
  7. C Programming
  8. Data Structures
  9. Machine Learning
  10. Data Science

🛠️ Technologies Used

Frontend

  • HTML
  • CSS
  • JavaScript

Data Storage

  • Browser localStorage

Backend

  • None

Database

  • None

⚙️ How It Works

  1. Open the Course Tracker website.
  2. Create an account using the Register option.
  3. Login using your email and password.
  4. Select a course from the course list.
  5. Open individual topics to learn.
  6. Mark completed topics.
  7. View your overall progress in My Progress.
  8. 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

  1. Download or clone this repository.
  2. Open the project folder.
  3. Open index.html in a web browser.
  4. Register a new account.
  5. 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
Share this project:

Updates

Submission history