Skip to content

BailurVikramBhat/devcircle-ui

Repository files navigation

🚀 DevCircle Frontend

Welcome to the DevCircle Frontend project!
This repository contains the user-facing frontend application for the DevCircle platform, built using cutting-edge modern web development tools and best practices.


✨ Tech Stack

  • Vite — Lightning fast build tool
  • React 18 — UI library for building interactive interfaces
  • TypeScript — Strongly typed JavaScript for scalable development
  • Tailwind CSS — Utility-first CSS framework for rapid UI styling
  • shadcn/ui — Pre-built beautiful UI components
  • sonner — Toast notifications system
  • React Router DOM — Page routing and navigation
  • react-hook-form (planned for v2) — Form management (upcoming refactor)

📋 Current Features (v1)

  • ✅ Responsive Registration Page
  • ✅ Confirm Password Popup Dialog
  • ✅ Toast Notifications on actions
  • ✅ Clean Validation for Forms
  • ✅ Spinner on Submit Buttons
  • ✅ Beautiful DevCircle Branding (Color Themes, Layouts)
  • ✅ Link to Login for registered users
  • ✅ Login Page setup with same high-quality standards

🛠️ Project Structure

src/
├── components/
│ ├── ui/
│ ├── input.tsx
│ ├── button.tsx
│ ├── dialog.tsx
│ ├── FieldError.tsx
├── pages/
│ ├── DashboardPage.tsx
│ ├── RegisterPage.tsx
│ ├── LoginPage.tsx
├── App.tsx
├── main.tsx
└── index.css

✅ Modular and clean folder structure.


🚀 How to Run Locally

  1. Clone this repository:

    git clone https://github.com/BailuVikramBhat/devcircle-ui.git
    cd devcircle-ui
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev
  4. Visit http://localhost:5173/register in your browser.


📌 Upcoming Plans (v2)

  • 🔒 Real Authentication API Integration - DONE(✅)
  • 🛡️ Auth Context Provider and Protected Routes
  • 🚀 Dashboard Landing Page
  • 🧹 Codebase Refactor with react-hook-form + zod
  • 🎨 Theming and Branding Enhancements
  • 📜 Full i18n Support (Internationalization)

🤝 Contributing

If you're a fellow developer passionate about building DevCircle together:

  • Fork the repo
  • Create your branch (git checkout -b feature/your-feature)
  • Commit your changes
  • Push to the branch
  • Open a Pull Request

🧠 Philosophy

"Build software like you're building a community."
DevCircle isn't just a platform — it's a journey to grow, collaborate, and inspire!


🔗 Important Links


🛡️ Maintained By

👨‍💻 Vikram Bhat
Passionate about crafting scalable, beautiful software experiences.


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •