The eventregremix from jamespro

eventregremix's Introduction

Hey 👋, I'm James!

Glad to see you here!

I'm a full stack software engineer with experience in JavaScript, SQL/NoSQL, PHP, ASP, HTML, CSS, and various front-end and back-end frameworks and libraries.

Quick Takes

🔭 I’m currently working on variations of event registration prototypes, such as Event Reg
🌱 I’m currently learning React and Angular. (I'm sneaking in some machine learning/AI.)
❓ Open to chat about things related to MERN stack (though my background is PHP/MySQL/MSSQL).
⚡ Fun fact: I prefer tabs to spaces, but I won't fight you about it.

Languages and Tools

eventregremix's People

Contributors

Watchers

eventregremix's Issues

Reginfo: add fields, enhance validation

Items: Update

Landing page: (optional) Make fancy... image / video / layout

Items: improve form: radio, quantity

Phase 1

Confirm: Improve design

Demo: save data to MongoDB

Reginfo: State - provinces, states for Canada, Mexico

Reginfo: generate a uuid for the user, for the order?

Phase 3

Event info: Set up in MongoDB, e.g. access, passwords, schema

Confirm: update all data, change user/order status to "active", timestamp of order completed

Reginfo: Country - Select: show list of countries

Admin: Page with form to enter a userid, and display user info

Confirm: send confirmation email (simple)

Event info: display on page

Use the event info from the context within a page. Maybe event landing page, not header or footer.

Reginfo: validation: zod

Event Landing page / header, footer

MAKE TODOs FOR:
adding a header graphic: for now, no graphic in header
countdown
event info dialog
social links

Routing and files: How am I doing this-- maybe an unusual use of routing to do this.

Make it different from other projects that have the root at the eventcode level
hard code the eventcode, but where
make a /$eventcode and put the files inside that
can I use unusual routing from React Router v6 where something like __ and it doesn't actually be part of the URL

Design:
Landing page:

same header and footer FOR NOW to keep it simple. Future: nice full screen animation and graphics

Content:

text link (button okay) to attendee/ reginfo

EVENT NAME: Mystery Convention 2023
EVENT DATES: October 29-31, 2023
EVENT CITY: New Orleans
EVENT STATE: LA
EVENT COUNTRY: United States
EVENT ZIPCODE: 00001
EVENT VENUE: Mystery Convention Center

Header:

Full width of container
background color (where do we hard code this)
Event Name
Event venue, city, state
Event dates
NO NAV in this component. There will be a stepper in each flow. We don't need a Nav across flows.
LATER: Banner graphic
LATER: Countdown: placeholder - component will do this - to do later

Footer:

Full width of container
background color: faintly different - not important
LATER: link to event info in a dialog?. Placeholder: (Text: Event Info)
LATER: social icons: component: later Placeholder: (Text: social icons)
For registration assistance, please email [email protected] or call (555) 555-1212
Copyright {generate current year} Link to github {Next Level Event Reg}

Event info hard-code and into context for the other screens to use

So this is to put the event info into a central place and use it in other places like header and footer or page, from that place.

EVENT NAME: Mystery Convention 2023
EVENT DATES: October 29-31, 2023
EVENT CITY: New Orleans
EVENT STATE: LA
EVENT COUNTRY: United States
EVENT ZIPCODE: 00001
EVENT VENUE: Mystery Convention Center

Demo: validation

Event Landing page: button to attendee reg

Phase 2

Add demos?
Add payment step or do enhancements first?

Confirmation Email: Improve design

Admin: Show user's info from userid in URL parameter

Data improvements? Not sure what this would be.

Stepper: Show steps at top of attendee pages

Demo: add fields, enhance validation

Demo: recall user data

Global Layout AND Global Landing page / header, footer, link to Event Landing page(s)

2 parts:
Global "LAYOUT"

the "frame" of every page for the entire app
I already created a file and it is being pulled in.
Determine how wide, or what is framing the content of every single page
Currently I think everything is inside "Box"
What about "Paper"
See Justin's "Paper" example?
how wide do we want the page? KEEP IT SIMPLE FOR NOW!

Global Landing:
DON'T SPEND MUCH TIME ON THIS RIGHT NOW. MAKE ANOTHER TICKET TO UPDATE IT LATER.

*Link to event landing page

At this point, this will only show on one page. But it might show on any default non-event page.
perhaps put an include or something not very visible just so that during development we know whether it's loaded or not.
How about a solid 2px tall purple (or other distinct color) line across the width of the screen for now.
Maybe leave a spot where you could put in text (or content) later.

Make another Issue to come back to this. This needs to be thought about.
FUTURE:
Header:
What's the name of this app? maybe put that there. Maybe put an emoji. On a color background.

Footer:
Could be the copyright or name of app, and/or emoji on a color background.