👋 Hi, I'm Raj Patel

MERN Developer Intern at BrainlyBeams

Welcome to my internship learning journey! I'm currently working as a MERN Developer intern at BrainlyBeams, where I'm diving deep into the MERN stack (MongoDB, Express.js, React, Node.js) through hands-on projects and real-world applications.

This portfolio showcases my progress during my internship as I learn web development fundamentals, from basic HTML/CSS to advanced full-stack applications. Each project below represents different concepts and techniques I've mastered through structured tasks and mentorship at BrainlyBeams.

I'm documenting my entire learning process through video tutorials and practical tasks to help others on their journey.

MERN Tutorial Videos & Tasks

� My Work at BrainlyBeams

🚀 Projects

Complete applications built during my internship

MERN Learning Video Viewer

A single-page web application to browse all 44+ MERN learning videos with smart search, category filters, video preview modal, and responsive design. Integrated with Google Drive.

📝 Practice Tasks

Hands-on exercises to master web development fundamentals

Tasks 1-5

Web Development Fundamentals

Theoretical foundation: Overview of web development, version control with Git & GitHub, SDLC phases, and React framework introduction. Covered in detailed video tutorials.
Task 6

Formatting Tags in HTML

Practiced text formatting with centered paragraphs, blockquotes for famous quotes, author attribution using <small> tag, and scientific notation with subscript/superscript (H₂O, E=mc²).
Task 7

Tables in HTML

Created structured data tables with borders, headers (Product, Price, Quantity), multiple rows of sample data, and proper table formatting for cricket player statistics.
Tasks 8-15

HTML Fundamentals

Comprehensive HTML practice: ordered/unordered lists with nested structures, description lists, HTML forms with various input types, embedding audio/video files, iframes for external content, and complex nested tables.
Tasks 16-25

CSS Fundamentals

Styling and layout: CSS box model (margin, border, padding, content), striped tables with alternating colors, hyperlink validation states, and custom list designs with badges and connectors.
Tasks 26-37

JavaScript

Logic and programming fundamentals: data types, logical operators, loops, object-oriented concepts, array methods, RegEx string processing, and asynchronous programming with Promises and Async/Await.
Tasks 38-44

React & Node Development

Full-stack development: React functional components, Redux Toolkit state management, dynamic routing, API integration with useEffect, and structured Node.js project architecture.

🚀 More advanced MERN projects coming soon... 🚀