Educational Portal

Overview

The Portal Educativo Chitagá is a single destination where any chitagüense can find courses, resources, and learning opportunities without depending on external platforms. This project empowers our community with accessible, quality education.

Mission: Un solo lugar donde cualquier chitagüense pueda encontrar cursos, recursos y oportunidades de formación sin depender de nadie de afuera.

Local Impact

The Educational Portal addresses critical educational challenges in Chitagá:

Centralized Access

All learning resources in one place, eliminating the need to search multiple platforms

Local Autonomy

Community-owned education infrastructure, independent from external dependencies

Free Resources

No paywalls or subscriptions - education for everyone

Cultural Relevance

Content tailored to local context and needs

Technology Stack

Astro
React
Node.js

Why Astro?

Astro powers the portal with exceptional performance:

Fast Loading: Static site generation for instant page loads
SEO Optimized: Better discoverability for educational content
Low Bandwidth: Important for areas with limited internet
Modern DX: Great developer experience for contributors

---
// Example: Course listing page
import CourseCard from '../components/CourseCard.astro';
const courses = await getCourses();
---

<section class="courses">
  {courses.map(course => <CourseCard {...course} />)}
</section>

Interactive Components

React handles dynamic user interactions:

Course Navigation: Interactive filtering and search
Progress Tracking: Real-time learning progress
User Dashboards: Personalized learning paths
Quiz Systems: Interactive assessments

// Example: Course progress tracker
function CourseProgress({ courseId, userId }) {
  const [progress, setProgress] = useState(0);
  
  return (
    <div className="progress-bar">
      <div style={{ width: `${progress}%` }} />
    </div>
  );
}

Backend Services

Node.js powers the server-side logic:

User Authentication: Secure login and registration
Course Management: CRUD operations for content
Progress API: Track and retrieve learning progress
Content Delivery: Serve courses and resources

// Example: Course API endpoint
app.get('/api/courses/:id', async (req, res) => {
  const course = await getCourseById(req.params.id);
  res.json(course);
});

Key Features

Course Catalog

Browse a comprehensive catalog of courses across multiple disciplines:

Technology and programming
Agriculture and sustainability
Business and entrepreneurship
Arts and culture
Language learning

Learning Paths

Structured learning journeys tailored to goals:

Beginner to advanced progressions
Skill-based tracks
Career-oriented paths
Custom learning plans

Community Resources

Collaborative learning features:

Discussion forums
Peer mentoring
Study groups
Knowledge sharing

Progress Tracking

Monitor your learning journey:

Course completion status
Achievement badges
Learning analytics
Personalized recommendations

Architecture

Getting Started

Clone the Repository

git clone https://github.com/chitaga-tech/educational-portal.git
cd educational-portal

Install Dependencies

npm install

Configure Environment

Create a .env file with required variables:

DATABASE_URL=your_database_url
API_KEY=your_api_key

Run Development Server

npm run dev

Visit http://localhost:3000 to see the portal

Development Roadmap

Phase 1: Foundation

✅ Basic portal structure
✅ Course catalog display
🔄 User authentication

Phase 2: Interactivity

🔄 Progress tracking
⏳ Quiz system
⏳ Discussion forums

Phase 3: Community

⏳ Peer mentoring
⏳ User-generated content
⏳ Certificate system

Phase 4: Scale

⏳ Mobile app
⏳ Offline support
⏳ Multi-language support

Want to contribute? Check out our GitHub repository for open issues and contribution guidelines.

Impact Metrics

We measure success through community impact:

Metric	Current	Goal (2026)
Active Users	45	500
Available Courses	12	100
Course Completions	23	1,000
Community Contributors	5	25

This project is in active development. Features and APIs may change.

Get Started

About

Services

Projects

Overview

Local Impact

Centralized Access

Local Autonomy

Free Resources

Cultural Relevance

Technology Stack

Why Astro?

Interactive Components

Backend Services

Key Features

Architecture

Getting Started

Development Roadmap

Impact Metrics

Build docs developers (and LLMs) love

Get Started

About

Services

Projects

​Overview

​Local Impact

Centralized Access

Local Autonomy

Free Resources

Cultural Relevance

​Technology Stack

​Why Astro?

​Interactive Components

​Backend Services

​Key Features

​Architecture

​Getting Started

​Development Roadmap

​Impact Metrics

Build docs developers (and LLMs) love

Overview

Local Impact

Technology Stack

Why Astro?

Interactive Components

Backend Services

Key Features

Architecture

Getting Started

Development Roadmap

Impact Metrics