Giter VIP home page Giter VIP logo

suryanshsingh2001 / echelon-script Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 5.45 MB

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

Home Page: https://echelon-script.vercel.app

License: MIT License

TypeScript 94.36% CSS 5.32% JavaScript 0.32%
clerkauth expressjs full-stack mern-stack mongodb nextjs nodejs reactjs shadcn-ui stripe tailwindcss typescript uploadthing

echelon-script's Introduction

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

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! ๐Ÿš€

echelon-script's People

Contributors

suryanshsingh2001 avatar

Stargazers

Antoine Crosetti avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.