Skip to content

A dynamic web app for seamless event management, connecting developers worldwide. Built with Next.js, Tailwind CSS, TypeScript, Clerk, Stripe, Shadcn, and the MERN stack

License

Notifications You must be signed in to change notification settings

suryanshsingh2001/echelon-script

Repository files navigation

EchelonScript 🚀

Next JS TypeScript React MongoDB Express.js React Hook Form Vercel

EchelonScript is a dynamic web application designed to seamlessly connect and empower a thriving community of developers. Whether you're hosting, creating, or joining events or echelons, EchelonScript provides a rich and collaborative environment.

🔗Live Link

EchelonScript.-.Google.Chrome.2024-08-11.22-09-08.mp4

Screenshots

Home Page Create Echelon Page Profile Page
Home Page Create Echelon Page Profile Page
Echelon Details Orders Page
Echelon Details Orders Page

Key Features 🌟

1. User Dashboard 🧑‍💻

Experience a comprehensive User Dashboard with full user management powered by Clerk. Effortlessly manage profiles, explore order history, and receive tailored recommendations for a user-centric experience.

  • Complete User Profiles: Users can create and manage detailed profiles, enhancing community engagement.
  • Dashboard Overview: A central hub for users to view and manage events, orders, and personal settings.
  • Order History: Track and revisit past event orders with ease.
  • Social Sign-In: Sign in conveniently using your Google or GitHub account directly from the User Dashboard.

2. Event/Echelon Management 🎉

  • Host Your Vision: Easily host your own events or join exciting echelons crafted by fellow developers.
  • Intuitive Ordering: Enjoy a seamless ticket ordering system for events, accommodating both free and paid options.
  • Smart Event Exploration: Discover related events based on categories or from the same organizer, fostering a sense of community.
  • Efficient Search: Utilize a powerful search bar, category dropdown, and pagination for quick and precise event discovery.

3. Tech Stack ⚙️

EchelonScript leverages a cutting-edge tech stack to ensure a delightful user experience:

  • Frontend Magic: Next.js with TypeScript, Tailwind CSS, Shadcnui
  • Seamless File Uploads: Uploadthing
  • Form and Validation: React Hook Forms with Zod
  • Secure Payments: Stripe
  • Slick Authentication and Dashboard: Clerk
  • Robust Database: MongoDB
  • Efficient Backend: Express.js, Node.js
  • Effortless Server Deployment: Vercel

4. Stripe Integration 💳

EchelonScript seamlessly integrates with Stripe for secure and efficient payment processing. Users can enjoy a smooth checkout experience, making hosting and attending events a breeze.

Simulation Details for Stripe Purchase

  • Card Number: 4000 0035 6000 0008
  • Expiration Date: Any future date
  • CVC: Any three-digit number

5. Server Actions 🚄

EchelonScript integrates powerful server actions to enhance functionality and performance. These actions ensure secure and efficient handling of critical operations, contributing to a smooth user experience.

Getting Started 🚀

To get started with EchelonScript on your local machine, checkout our Installation Guide

Future Features (In Progress) 🚧

Stay tuned for more updates! Our team is actively working on enhancing the platform, including detailed installation guides and usage instructions.

Feel free to explore the app, contribute to its development, or provide feedback. If you encounter any issues or have suggestions for improvement, please open an issue or submit a pull request.

Happy coding! 🚀

About

A dynamic web app for seamless event management, connecting developers worldwide. Built with Next.js, Tailwind CSS, TypeScript, Clerk, Stripe, Shadcn, and the MERN stack

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published