Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Igorcbraz/GitFest

Repository files navigation


Gitfest
GitFest

Create a festival lineup from your top Github repositories.

GitHub Stars Netlify Status MIT License

Key FeaturesHow To UseRelatedLicense

Final Result
Festival Lineup Result

Key Features

  • Create your own Lineup, see your repositories like never before
  • Dark/Light mode
    • Giving attention to prefer-color-scheme.
  • Github OAuth integration
  • Github API consuming
  • Manipulating SVG
  • Save the result as image

How To Use (Next.js + TypeScript)

This project was migrated from Create React App to Next.js (App Router) with full feature parity. You'll need Git and Node.js installed.

# Clone the repository
git clone https://github.com/Igorcbraz/GitFest
cd GitFest

# Copy environment variables
cp .env.example .env.local
# Edit .env.local and add your Supabase credentials

# Install dependencies
npm install

# Run in development
npm run dev

# Lint
npm run lint

# Build for production
npm run build

# Start production server
npm start

Environment Variables

The following variables must be set in .env.local:

NEXT_PUBLIC_SUPABASE_PROJECT_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_API_KEY=your_supabase_anon_key

Production

Deploy on any Next.js compatible platform (Vercel, Netlify with Next adapter, etc.). Ensure the environment variables above are configured in the hosting provider.

Migration Notes

  • React Router replaced by Next.js App Router (app/ folder).
  • Global state and theme context moved to app/context/AuthContext.tsx.
  • Supabase client now uses NEXT_PUBLIC_ prefixed variables.
  • All interactive components are Client Components ("use client").
  • Pages: Landing -> app/page.tsx, Home -> app/home/page.tsx (protected by context state).
  • Tailwind content paths updated for app/.

Scripts

Script Description
dev Starts Next.js in development mode
build Creates an optimized production build
start Starts the production server
lint Runs ESLint (Next.js config)

After migration there is no need for react-scripts. All previous functionality (OAuth, theme toggle, repository fetch, SVG generation) was preserved.

Related

Instafest - Version to create lineup by your top songs

Support

Buy Me A Coffee

You may also like...

  • Calculator - Explain prefer-color-scheme with calculator project

License

MIT


igorcbraz.me  ·  GitHub @Igorcbraz  ·  Linkedin @Igorcbraz

About

Website to generate a festival invite based on your top repositories !

Topics

Resources

License

Stars

Watchers

Forks