Eduvista21

Empower Your Learning, Elevate Your Career.

Comment 1

EduVista21: Empower Your Learning, Elevate Your Career

Inspiration

Inspired by the need to bridge the gap between learners and their dream careers, EduVista21 was created to provide seamless access to quality education and career growth opportunities, ensuring students have the tools and resources needed for success.

Problem

The digital divide significantly affects students' access to quality education, particularly in rural and underserved areas. How can we leverage technology to ensure equitable access to education for all students, regardless of their location or socioeconomic status?

Solution

EduVista21 leverages technology to address these challenges by providing:

  1. Universal Accessibility: A cloud-based, mobile-compatible platform accessible from any device.
  2. Affordable Learning Resources: Free and affordable courses, scholarships, and financial aid.
  3. Localized and Multilingual Content: Support for multiple languages and localized curricula.
  4. Interactive and Engaging Learning: Interactive modules, quizzes, and real-time feedback.
  5. Career Guidance and Industry Collaboration: Industry insights, job postings, and mentorship programs.
  6. Community and Peer Support: Forums, group activities, and mentorship connections.

What it does

EduVista21 offers a comprehensive suite of educational tools and resources, connecting students with courses, career guidance, and job opportunities. By collaborating with companies and industry professionals, EduVista21 ensures students stay informed about market trends and career paths.

How we built it

Frontend

  • Vue.js: Dynamic and responsive user interface
  • Vue Router: Client-side routing and navigation
  • Axios: HTTP requests to backend APIs
  • Tailwind CSS: Modern and flexible styling

Backend

  • PHP: Core server-side logic
  • Laravel: Robust PHP framework for API development
  • MySQL: Database management
  • Redis: Caching for performance enhancement
  • Laravel Passport: Secure API authentication
  • Docker: Containerization for consistency

Middleware

  • Laravel Middleware: Efficient HTTP request and response handling
  • Laravel Echo and Pusher: Real-time communication and notifications

Development Tools

  • Laravel Mix: Asset compilation and minification
  • Composer: PHP dependency management
  • npm: JavaScript package management

Project Structure

Common Directories and Files

  • app/: Contains controllers, middleware, models, and more.
  • bootstrap/: Contains files for bootstrapping the application.
  • config/: Configuration files.
  • database/: Migrations, factories, and seeders.
  • public/: Entry point and public assets.
  • resources/: Views, JavaScript, and CSS files.
  • routes/: Defines routes for the application.
  • storage/: Application storage.
  • tests/: Feature and unit tests.
  • vendor/: Composer dependencies.
  • .env: Environment-specific configuration.

Challenges we ran into

  • Time Constraints: Developing a full-featured platform quickly.
  • Integration Issues: Ensuring seamless frontend and backend integration.
  • Performance Optimization: Efficient data flow and response times.
  • User Authentication: Implementing secure and scalable authentication.

Accomplishments that we're proud of

  • Feature-Rich Platform: Comprehensive course and job management.
  • User-Friendly Interface: Clean, responsive UI design.
  • Scalability: Built to handle growing user numbers.
  • Secure Authentication: Robust data protection and privacy.

What we learned

  • Time Management: Efficient task prioritization.
  • Collaboration: Leveraging team strengths and clear communication.
  • Technical Skills: Deepened knowledge of Laravel, Vue.js, and other technologies.
  • Problem-Solving: Overcoming integration and performance challenges.

What's next for EduVista

  • Advanced Analytics: Insights into learning patterns and career trends.
  • Mobile App: On-the-go learning and career management.
  • Expanded Course Offerings: Partnering with more educators.
  • AI-Powered Recommendations: Personalized learning paths.
  • Community Features: Knowledge-sharing and support forums.
  • Company Collaborations: Reviews, comments, and insights from industry professionals.
  • Direct Job Postings: Companies update job listings directly on EduVista.

Installation

Prerequisites

  • PHP (>=7.4)
  • Composer
  • Node.js and npm
  • Docker (optional)

Setup

  1. Clone the repository:

    git clone https://github.com/HEMASRI2175/Eduvista21.git
cd eduvista

  2. Install PHP dependencies:

    composer install

  3. Install JavaScript dependencies:

    npm install

  4. Set up environment variables: Copy .env.example to .env and update settings.

  5. Generate application key:

    php artisan key:generate

  6. Run database migrations:

    php artisan migrate

  7. Install Passport:

    php artisan passport:install

  8. Compile assets:

    npm run dev

  9. Start the local development server:

    php artisan serve

API Documentation

Authentication

EduVista uses Laravel Passport for secure API authentication.

Endpoints

  • User Registration: POST /api/register
  • User Login: POST /api/login
  • Fetch All Courses: GET /api/courses
  • Enroll in a Course: POST /api/courses/{id}/enroll
  • Fetch Enrolled Courses: GET /api/user/courses
  • Post a Job: POST /api/jobs
  • Fetch All Jobs: GET /api/jobs
  • Fetch a Specific Job: GET /api/jobs/{id}

Contributions

Acknowledgments

We used several external libraries and tools, including Vue.js, Laravel, Tailwind CSS, MySQL, Redis, and Docker.

Conclusion

Reflection

We learned the importance of time management, collaboration, and technical proficiency during the development of EduVista.

Future Plans

Although not the primary focus, we have plans to enhance EduVista with advanced analytics, a mobile app, and expanded course offerings.

Built With

Share this project:

Updates