React & Firebase Workshop - GDSC ENST Solution Challenge 2023
Thrilled to have shared my knowledge with over 20 eager participants at the GDSC Ecole Nationale Superieure de Technologie 2023 Solution Challenge, organized by GDSC ENST. This workshop was a comprehensive dive into modern web development with React and Firebase.
Workshop Content
Firebase Deep Dive
We explored Firebase as a powerful Backend-as-a-Service (BaaS) solution:
- What is Firebase? Understanding Google’s comprehensive app development platform
- Key Features: Real-time database, authentication, cloud storage, hosting
- Why Firebase? Rapid development, scalability, and ease of use
- Firebase as Backend: How it eliminates the need for traditional server setup
React Fundamentals
A thorough exploration of React.js essentials:
- Component Structure: Building reusable UI components
- State & Props: Managing component data and communication
- Rendering: Understanding the virtual DOM and reconciliation
- Events: Handling user interactions
- Hooks: Using useState, useEffect, and custom hooks
- Routing: Navigation with React Router
Hands-On Project: CRUD TODO App
The highlight of the workshop was building a complete CRUD TODO Application from scratch, integrating:
- Create: Adding new todos to Firebase
- Read: Fetching and displaying todos in real-time
- Update: Editing existing todos
- Delete: Removing completed todos
Technologies Used
- React.js for the frontend UI
- Firebase Firestore for real-time database
- Firebase Authentication for user management
- CSS for styling
Experience
The vibrant engagement and enthusiasm of the participants made this workshop a dynamic and insightful experience. Seeing 20+ students actively coding, asking questions, and successfully deploying their first full-stack application was incredibly rewarding.
The hands-on nature meant everyone left with a working project they could showcase and build upon.
Event Details:
- Place: GDSC ENST - Ecole Nationale Superieure de Technologie
- Date: March 19, 2023
- Event: Solution Challenge 2023
- Attendees: 20+ participants
- Duration: Half-day workshop