Skip to content

A full stack web application for showcasing GDGC club members at VIT, built with separate frontend and backend. Displays club member profiles dynamically from the backend. My first full stack project integrating database, backend API, and frontend UI

Notifications You must be signed in to change notification settings

Abhishekhack2909/GDGC

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

GDGC Member Profiles

Full-stack application displaying GDGC Vellore Institute of Technology .

Quick Start

1. Start Backend (Terminal 1)

cd backend
npm install
npm start

Backend will run on http://localhost:3000

2. Start Frontend (Terminal 2)

cd frontend
npm install
npm run dev

Frontend will run on http://localhost:5173

3. Test Backend API

cd backend
node test-api.js

API Endpoints

  • GET / - API status and info
  • GET /members - Get all members
  • GET /members/:id - Get member by ID

Features

  • ✨ Animated splash screen with Google branding
  • 👥 Member cards with real photos from official GDGC website
  • 🔍 Search by name or bio
  • 🎯 Filter by role and skills
  • 🌓 Light/Dark mode with localStorage persistence
  • 📱 Fully responsive design
  • ⚡ Fast loading with error states

Tech Stack

Backend: Node.js, Express, CORS
Frontend: React, Vite
Styling: Pure CSS with Google Material Design principles

About

A full stack web application for showcasing GDGC club members at VIT, built with separate frontend and backend. Displays club member profiles dynamically from the backend. My first full stack project integrating database, backend API, and frontend UI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published