Learnly - Unlimited Learning Platform

Learnly is a fictional learning platform offering unlimited course access through a monthly subscription model. Designed to empower learners worldwide, Learnly provides a wide range of courses across various subjects, enabling users to learn at their own pace and broaden their knowledge and skills.

Preview Link - https://learnly-lb.vercel.app

Features

• Navigation Menu: A responsive mega-menu for easy access to all courses, categories, and account settings.
• Hero Section: Compelling headlines and calls-to-action (CTAs) to encourage users to start their learning journey.
• Features Section: Highlights of the platform's offerings, showcased through icons or images with brief descriptions.
• Testimonials: Real reviews from learners, displayed in a carousel/slider to build trust and credibility.
• Pricing Table: Clear and concise presentation of the subscription plans, allowing users to choose one that best fits their learning needs.
• Benefits & Course Highlights: Additional page segments detailing what learners stand to gain by joining the platform, including specific course highlights.

Design Aesthetics

Learnly's design follows a corporate style with a touch of modern concepts, inspired by successful platforms like MasterClass. It emphasizes:

• A clean, intuitive user interface.
• Modern typography and whitespace usage.
• High-quality, optimized imagery and icons.

Code Quality and Responsiveness

• The project strictly adheres to best coding practices, with proper indentations and efficient use of Bootstrap 5 classes.
• Typescript is used in place of Javascript.
• The only libraries used are for the carousel and some icons.
• The layout is fully responsive, providing an optimal viewing experience across a wide range of devices, from mobile phones to large desktop screens.

Performance

• Image optimization techniques are employed to ensure quick load times without compromising on quality.

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

• npm

    npm install npm@latest -g
    git clone https://github.com/dotunlonge/Learnly.git
    npm install
    npm start

Navigate to http://localhost:3000 to view the app.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.