Scribd Logo
Upload

Welcome to Scribd!

  • 1 views

    Webd Pro Ppt

    Uploaded by

    harrydead01

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    Webd Pro Ppt

    Uploaded by

    harrydead01
    1 views18 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    1 views18 pages

    Webd Pro Ppt

    Uploaded by

    harrydead01

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    You are on page 1of 18

    Noida Institute of Engineering and

    technology

    Presentation on Web
    Development Project
    Shiksharthee: An E-learning platform

    Name: Danish
    Roll no. : 2201330100088
    Branch and Sec : Btech CSE
    What is Shiksharthee?
    • An online e-learning platform designed to
    provide quality education to students.
    • Features interactive lessons, quizzes, and user
    progress tracking.

    Purpose:
    • - To make learning accessible and engaging for
    everyone.
    Front-End:

    - HTML, CSS, JavaScript -React (with Vite


    for faster development)

    Tech Stack Back-End:

    Overview - Express.js

    Security:

    JSON Web Tokens (JWT) for authentication


    •HTML & CSS:
    •- Structure and styling of web
    pages.
    • Responsive design to ensure
    compatibility across devices.
    Front-End
    Development • JavaScript & React:
    •- Dynamic user interface.
    •-React components for
    reusability and modularity.
    •- Vite: Faster build tool and
    development server.
    • Express.js:
    - RESTful API to handle user
    requests.
    - Manages data transactions
    Back-End between the client and server.-

    Development • JWT Authentication:


    - Secure login and user
    authentication.
    - Ensures that user sessions
    are encrypted and verified.
    Snapshots of the codes
    User Registration & Login:

    Secure sign-up and login system using


    JWT.2.
    2. Course Content:

    Features of Diverse set of courses with video


    Shiksharth tutorials, reading materials, and quizzes.
    3.Progress Tracking:
    ee
    Users can track their learning progress
    and achievements.
    4.Responsive Design:

    Optimized for desktops, tablets, and


    smartphones.
    This is how website looks
    Client-Server Communication:
    • React on the client side for UI.
    Project • Express as the server handling API requests.

    Architect • JWT tokens for securing the client-server

    ure communication.
    Data Flow:

    - Describe how data flows from the


    user, through the server, and back to
    the front-end.
    React Components & Vite
    Modular Components:
    - Easy to maintain and extend the app by using
    components.

    Vite Advantages:
    - Faster development with instant hot-reloads.
    - Smaller, more efficient build size.
    API Endpoints
    with Express

    Key Endpoints:
    • User registration and login.

    • Fetching courses and materials.

    • Updating user progress.

    • Examples: /api/users/login,
    /api/courses/:id, /api/progress
    Challenges &
    Solutions

    Scalability:
    Optimized React components and
    modular back-end to handle large
    user base.
    Security:
    Implemented JWT to secure user
    data and sessions.
    Performance:
    Used Vite for faster builds and
    improved front-end performance.
    Future
    Enhancements

    Feature Expansion:
    Adding more interactive elements like live
    sessions, discussion forums.

    Mobile App:
    Plan to develop a native mobile app for better
    user experience.

    AI Integration:
    Personalized course recommendations using
    machine learning.
    Summary: Shiksharthee is a
    secure, scalable, and user-
    friendly e-learning platform.

    Conclusi -Combines robust front-end and


    on back-end technologies for a
    seamless learning experience.

    Thank You!

    You might also like

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy