CourseMap is a web application designed to help UP Computer Science students visualize and track their academic progress through an interactive flowchart system.
- Interactive course flowchart visualization
- Course status tracking (Not Taken, In Progress, Completed)
- Prerequisite validation
- Course information and advice from seniors
- UP email authentication
- Real-time progress updates
- Node.js (v14 or higher)
- npm (v6 or higher)
- Firebase account
- Clone the repository:
git clone https://github.com/yourusername/coursemap.git
cd coursemap- Install dependencies:
npm install- Create a Firebase project and add your configuration:
- Go to the Firebase Console
- Create a new project
- Enable Authentication (Email/Password)
- Enable Firestore Database
- Add your Firebase configuration to a
.envfile in the root directory:
REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id
- Start the development server:
npm startThe application will be available at http://localhost:3000.
- Sign in with your UP email address
- Navigate to the Course Flow page
- Click on courses to update their status
- View course information and prerequisites
- Track your progress through the curriculum
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.