πŸ•ΈοΈ
Web Dev Wiki
  • πŸ“’Introduction
  • Let's Start
  • Select a Project Idea
    • ❓Questions
    • πŸ“½οΈProjects
  • Build Learning Path
    • ❓Tool Selection Questionnaire
  • Sample Docs
    • Functional Requirements Document (FRD)
    • Sprint Plan: Student Result Management System
    • Learning Path for Student Result Management System
  • Prompt Templates
    • Prompt Template for Generating an FRD
    • Prompt Template for Generating the Sprint Plan
    • Prompt Template for Generating the Learning Path
  • Resource Library
    • How web technology works
    • Server vs Client
    • Frontend vs Backend vs Fullstack
    • Web app vs Mobile app
    • NodeJS
    • ReactJS
    • ExpressJS
Powered by GitBook
On this page
  • 🟒 Pre-Sprint Learning (Before Day 1 - Foundational Knowledge)
  • 🟠 Sprint 1 Learning (Days 1-5: Project Setup & Authentication)
  • 🟑 Sprint 2 Learning (Days 6-12: Student Record Management)
  • 🟣 Sprint 3 Learning (Days 13-18: Security & Performance Optimization)
  • πŸ”΅ Sprint 4 Learning (Days 19-24: UI/UX Enhancements)
  • 🟀 Sprint 5 Learning (Days 25-30: Testing & Deployment)
  • 🎯 Summary of the Learning Path

Was this helpful?

Edit on GitHub
  1. Sample Docs

Learning Path for Student Result Management System

PreviousSprint Plan: Student Result Management SystemNextPrompt Template for Generating an FRD

Last updated 1 month ago

Was this helpful?

🟒 Pre-Sprint Learning (Before Day 1 - Foundational Knowledge)

1️⃣ Web Development Fundamentals

βœ… HTML, CSS, JavaScript basics βœ… Responsive Design (Flexbox, Grid) βœ… Version Control with Git/GitHub

πŸ“š Resources:

2️⃣ Introduction to React.js

βœ… React components, props, and state βœ… Functional components vs. class components βœ… React Router for navigation

πŸ“š Resources:

3️⃣ Django & Python Basics

βœ… Django project structure βœ… Django REST framework (DRF) for APIs βœ… Database models and migrations

πŸ“š Resources:


🟠 Sprint 1 Learning (Days 1-5: Project Setup & Authentication)

1️⃣ Setting Up the Development Environment

βœ… Installing Node.js, Django, MongoDB βœ… Setting up a React-Django project structure βœ… Using Postman for API testing

πŸ“š Resources:

2️⃣ Authentication with Django & JWT

βœ… Django user authentication system βœ… Implementing JWT authentication with Django REST framework βœ… Managing authentication state in React (Context API)

πŸ“š Resources:

πŸ›  Practice Task: Implement a basic login system with JWT authentication


🟑 Sprint 2 Learning (Days 6-12: Student Record Management)

1️⃣ CRUD Operations in Django & MongoDB

βœ… Creating RESTful APIs for student records βœ… Connecting Django with MongoDB βœ… CRUD operations in Django REST Framework

πŸ“š Resources:

2️⃣ React Forms & API Integration

βœ… Fetching data from Django APIs in React βœ… Handling form inputs and validation βœ… Managing API calls with Axios

πŸ“š Resources:

πŸ›  Practice Task: Build a form in React to add student records and connect it to the Django API


🟣 Sprint 3 Learning (Days 13-18: Security & Performance Optimization)

1️⃣ Security Enhancements

βœ… Role-based access control in Django βœ… Encrypting sensitive data in MongoDB βœ… Implementing CORS and CSRF protection

πŸ“š Resources:

2️⃣ Performance Optimization

βœ… Optimizing MongoDB queries βœ… Caching API responses βœ… Load testing with Postman or JMeter

πŸ“š Resources:

πŸ›  Practice Task: Implement role-based access control and optimize API response times


πŸ”΅ Sprint 4 Learning (Days 19-24: UI/UX Enhancements)

1️⃣ Enhancing the User Experience

βœ… Using Material UI or TailwindCSS for UI improvements βœ… Implementing toast notifications for feedback βœ… Making the UI mobile-friendly

πŸ“š Resources:

2️⃣ Error Handling & Debugging

βœ… Handling errors in Django REST APIs βœ… Using React Error Boundaries βœ… Logging errors to an external service (e.g., Sentry)

πŸ“š Resources:

πŸ›  Practice Task: Implement UI enhancements and error-handling mechanisms


🟀 Sprint 5 Learning (Days 25-30: Testing & Deployment)

1️⃣ Full-System Testing

βœ… Writing unit tests in Django βœ… Testing API endpoints with Postman βœ… Frontend testing with React Testing Library

πŸ“š Resources:

2️⃣ Deployment to AWS

βœ… Setting up an AWS EC2 instance βœ… Deploying Django with Gunicorn & Nginx βœ… Deploying React frontend with S3 & CloudFront

πŸ“š Resources:

πŸ›  Practice Task: Deploy a basic version of the project to AWS


🎯 Summary of the Learning Path

βœ… Before Sprint 1: Learn Django, React, MongoDB, Git, and project setup βœ… Before Sprint 2: Master CRUD operations and API integration βœ… Before Sprint 3: Enhance security, authentication, and performance optimization βœ… Before Sprint 4: Focus on UI/UX and error handling βœ… Before Sprint 5: Learn testing and AWS deployment

MDN Web Docs - HTML, CSS, JavaScript
GitHub Learning Lab
React Official Docs
FreeCodeCamp React Course
Django Official Docs
Django for Beginners (Book)
MongoDB Installation Guide
Django & React Setup Guide
JWT Authentication in Django
React Authentication with JWT
MongoEngine (Django with MongoDB)
Django REST Framework CRUD Tutorial
Using Axios in React
React Hook Form for Validation
Django Permissions & Role-based Access Control
MongoDB Data Encryption
MongoDB Indexing for Performance
Optimizing Django REST Framework APIs
Material UI Docs
Toast Notifications with React-Toastify
Error Handling in React
Django REST Framework Exception Handling
Django Testing Guide
React Testing Library Guide
Django AWS Deployment Guide
React AWS S3 Deployment