{"id":22663291,"url":"https://github.com/zeeshandev15/SignUp-SignIn-with-firebase","last_synced_at":"2025-10-18T23:31:06.174Z","repository":{"id":265975654,"uuid":"897010845","full_name":"Hi-Dear-486/SignUp-SignIn-with-firebase","owner":"Hi-Dear-486","description":"Firebase provides authentication services for easy sign-in and sign-up. Using Firebase Authentication, users can sign up with email/password,.It handles account creation, login, password recovery, and security, enabling developers to integrate authentication into apps with minimal setup and enhanced user exp","archived":false,"fork":false,"pushed_at":"2024-12-03T19:31:44.000Z","size":2856,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"zeeshanBranch","last_synced_at":"2024-12-09T12:17:58.432Z","etag":null,"topics":["firebase-auth","nextjs","reacthookform","typescript","zod-validation"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Hi-Dear-486.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-01T20:54:54.000Z","updated_at":"2024-12-03T19:31:48.000Z","dependencies_parsed_at":"2024-12-01T22:21:45.757Z","dependency_job_id":"580e38f7-0570-4e0a-b6f8-5581b71540fd","html_url":"https://github.com/Hi-Dear-486/SignUp-SignIn-with-firebase","commit_stats":null,"previous_names":["hi-dear-486/-signup-signin-with-firebase"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hi-Dear-486%2FSignUp-SignIn-with-firebase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hi-Dear-486%2FSignUp-SignIn-with-firebase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hi-Dear-486%2FSignUp-SignIn-with-firebase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hi-Dear-486%2FSignUp-SignIn-with-firebase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hi-Dear-486","download_url":"https://codeload.github.com/Hi-Dear-486/SignUp-SignIn-with-firebase/tar.gz/refs/heads/zeeshanBranch","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237036635,"owners_count":19244668,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase-auth","nextjs","reacthookform","typescript","zod-validation"],"created_at":"2024-12-09T12:18:01.177Z","updated_at":"2025-10-18T23:31:00.659Z","avatar_url":"https://github.com/Hi-Dear-486.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n    \u003ca href=\"https://youtu.be/lEflo_sc82g?feature=shared\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://github.com/Hi-Dear-486/-SignUp-SignIn-with-firebase/blob/zeeshanBranch/demo.png\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003cbr /\u003e\n\n  \u003cdiv\u003e\n   \u003cimg\n  src=\"https://img.shields.io/badge/Next.js-0070F3?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\"\n  alt=\"Next.js\"\n/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-TypeScript-black?style=for-the-badge\u0026logoColor=white\u0026logo=typescript\u0026color=3178C6\" alt=\"typescript\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Firebase-orange?style=for-the-badge\u0026logo=firebase\u0026logoColor=black\u0026color=FFCA28\" alt=\"firebase\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-React_Hook_Form-black?style=for-the-badge\u0026logoColor=white\u0026logo=react\u0026color=EC5990\" alt=\"reacthookform\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Tailwind_CSS-black?style=for-the-badge\u0026logoColor=white\u0026logo=tailwindcss\u0026color=06B6D4\" alt=\"tailwindcss\" /\u003e\n   \u003cimg src=\"https://img.shields.io/badge/-Zod-blue?style=for-the-badge\u0026logo=zod\u0026logoColor=white\u0026color=2B90D9\" alt=\"Zod\" /\u003e\n\n  \u003c/div\u003e\n\n  \u003ch3 align=\"center\"\u003eSignIn \u0026 SignUp Authentication\u003c/h3\u003e\n\u003c/div\u003e\n\n## 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n1. 🤖 [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 🔋 [Features](#features)\n4. 🤸 [Quick Start](#quick-start)\n5. 🕸️ [Snippets (Code to Copy)](#snippets)\n6. 🚀 [More](#more)\n\n## \u003ca name=\"introduction\"\u003e🤖 Introduction\u003c/a\u003e\n\nFirebase provides authentication services for easy sign-in and sign-up. Using Firebase Authentication, users can sign up with email/password, social media accounts, or phone numbers. It handles account creation, login, password recovery, and security, enabling developers to integrate authentication into apps with minimal setup and enhanced user experience.\n\nIf you're getting started and need assistance or face any bugs, join our active Discord community with over **34k+** members. It's a place where people help each other out.\n\n\u003ca href=\"https://discord.com/invite/n6EdbFJ\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/sujatagunale/EasyRead/assets/151519281/618f4872-1e10-42da-8213-1d69e486d02e\" /\u003e\u003c/a\u003e\n\n## \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- Next.js\n- typescript\n- firebase\n- TailwindCSS\n- Zod\n- ReactHookForm\n\n## \u003ca name=\"features\"\u003e🔋 Features\u003c/a\u003e\n\n👉 **Form Handling**: Uses react-hook-form for managing form state and validation.\n\n👉 **Data Validation**: Validates user inputs with Zod schema..\n\n👉 **Email/Password Authentication**: Sign up and login with email and password.\n\n👉 **Real-time Feedback**: Displays success or error messages using toast notifications.\n\n👉 **Form Reset**: Automatically clears form fields after successful submission.\n\n👉 **Anonymous Authentication**: Allows temporary sign-ins without user details.\n\n👉 **User Management**: Easily manage user profiles, email verification, and password resets.\n\n👉 **Responsive Design**: Utilizes Tailwind CSS for a responsive and clean UI.\n\n## \u003ca name=\"quick-start\"\u003e🤸 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [yarn](https://yarnpkg.com/) (Package Manager)\n\n**Cloning the Repository**\n\n```bash\ngit clone https://github.com/Hi-Dear-486/SignUp-SignIn-with-firebase.git\ncd ./\n```\n\n**Installation**\n\nInstall the project dependencies using yarn:\n\n```bash\nyarn install\n```\n\n**Set Up Environment Variables**\n\nCreate a new file named `.env.local` in the root of your project and add the following content:\n```env\n#Firebase\nNEXT_PUBLIC_FIREBASE_API_KEY\nNEXT_PUBLIC_FIREBASE_AUTH_DOMAIN\nNEXT_PUBLIC_FIREBASE_PROJECT_ID\nNEXT_PUBLIC_FIREBASE_STORAGE_BUCKET\nNEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID\nNEXT_PUBLIC_FIREBASE_APP_ID\n```\nReplace the placeholder values with your actual Firebase credentials. You can obtain these credentials by signing up on the [Firebase website (https://firebase.google.com/).\n\n**Running the Project**\n\n```bash\nyarn  run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) in your browser to view the project.\n\n## \u003ca name=\"snippets\"\u003e🕸️ Snippets\u003c/a\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ccode\u003etailwind.config.js\u003c/code\u003e\u003c/summary\u003e\n\n```typescript\nimport type { Config } from \"tailwindcss\";\n\nexport default {\n  darkMode: [\"class\"],\n  content: [\n    \"./pages/**/*.{js,ts,jsx,tsx,mdx}\",\n    \"./components/**/*.{js,ts,jsx,tsx,mdx}\",\n    \"./app/**/*.{js,ts,jsx,tsx,mdx}\",\n  ],\n  theme: {\n    extend: {\n      colors: {\n        dark: {\n          200: \"#0D0F10\",\n          300: \"#131619\",\n          400: \"#1A1D21\",\n          500: \"#363A3D\",\n          600: \"#76828D\",\n          700: \"#ABB8C4\",\n        },\n        background: \"hsl(var(--background))\",\n        foreground: \"hsl(var(--foreground))\",\n        card: {\n          DEFAULT: \"hsl(var(--card))\",\n          foreground: \"hsl(var(--card-foreground))\",\n        },\n        popover: {\n          DEFAULT: \"hsl(var(--popover))\",\n          foreground: \"hsl(var(--popover-foreground))\",\n        },\n        primary: {\n          DEFAULT: \"hsl(var(--primary))\",\n          foreground: \"hsl(var(--primary-foreground))\",\n        },\n        secondary: {\n          DEFAULT: \"hsl(var(--secondary))\",\n          foreground: \"hsl(var(--secondary-foreground))\",\n        },\n        muted: {\n          DEFAULT: \"hsl(var(--muted))\",\n          foreground: \"hsl(var(--muted-foreground))\",\n        },\n        accent: {\n          DEFAULT: \"hsl(var(--accent))\",\n          foreground: \"hsl(var(--accent-foreground))\",\n        },\n        destructive: {\n          DEFAULT: \"hsl(var(--destructive))\",\n          foreground: \"hsl(var(--destructive-foreground))\",\n        },\n        border: \"hsl(var(--border))\",\n        input: \"hsl(var(--input))\",\n        ring: \"hsl(var(--ring))\",\n        chart: {\n          \"1\": \"hsl(var(--chart-1))\",\n          \"2\": \"hsl(var(--chart-2))\",\n          \"3\": \"hsl(var(--chart-3))\",\n          \"4\": \"hsl(var(--chart-4))\",\n          \"5\": \"hsl(var(--chart-5))\",\n        },\n      },\n      borderRadius: {\n        lg: \"var(--radius)\",\n        md: \"calc(var(--radius) - 2px)\",\n        sm: \"calc(var(--radius) - 4px)\",\n      },\n    },\n  },\n  plugins: [require(\"tailwindcss-animate\")],\n} satisfies Config;\n\n```\n\u003c/details\u003e\n\n## \u003ca name=\"more\"\u003e🚀 More\u003c/a\u003e\n**Advance your skills with Next Js**\n\nEnjoyed creating this project? Dive deeper  for a richer learning adventure. They're packed with detailed explanations, cool features, and exercises to boost your skills. Give it a go!\n\n\u003ca href=\"https://github.com/Hi-Dear-486/Movie-flix-App\" target=\"_blank\"\u003e\n\u003cimg src=\"https://github.com/Hi-Dear-486/Movie-flix-App/blob/master/movie.JPG\" alt=\"Project Banner\"\u003e\n\u003c/a\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n#\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeeshandev15%2FSignUp-SignIn-with-firebase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzeeshandev15%2FSignUp-SignIn-with-firebase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeeshandev15%2FSignUp-SignIn-with-firebase/lists"}