Giter Site home page Giter Site logo

ignite-web's Introduction

React with JWT Authenticator

  • Yarn to install packages
  • Yarn start: to start server

To-Do

  • Add a message when email is confirmed
  • Add switch statement router
  • Button home page functionality
  • Test container on home page image
  • Create Sign In and Sign Up Page Components
  • Create Sign In Components
  • Create Sign Up Components
  • Change Sign Up Now Button to "Modules" on Sign In (ternery)
  • Finish Nav Bar Icon Links when Signed In render
  • Add Google Calendar Page
  • Facebook page link
  • Logout button logic
  • Make Sign Up and Sign In forms work
  • User profile button link to profile page
  • ADD MOBILE NUMBER AS REQUIREMENT - BACKEND AND SIGN UP (NEEDED FOR SMS)
  • Add Admin Route security
  • HOOK UP BACKEND TO ADMIN PANEL
  • Make Admin Table Clickable - Dialog
  • View User Data Table - Dialog Popup?
  • Delete Modules
  • List of All Modules
  • List question count for a module
  • Log Out Button on Profile Page
  • Support Section - Admin contact details to profile page under Support section (Phone Number + Email)
  • Other Checklist
  • Button link to Modules
  • Presentation
  • Refresh on Completed - Nisal
  • What happens when you get <100% on quiz -Nisal
  • [N] Add Questions to Modules
  • Add New Modules > Draft.js
  • [N] Completed Modules backend
  • [N] View List of Completed Modules per User
  • Add Bearer
  • Deploy Front end (Remember to Add Admin Account) + GO THROUGH ENTIRE USER JOURNEY
  • Admin show modules completed per user
  • Style Question and Content pages + Change details Page
  • Change hrefs to Links
  • Submit button send email to admins w/ user data -->
  • Spinner Change Password
  • Style Button on Admin Page
  • Style Module Questions
  • Change Details Form Button (Modal form)
  • Delete Button On Users
  • Remove footer
  • Media Query - under 1100 show "must use desktop" screen?
  • List all Blogs In Admin Section (Add + Delete) (Add opens modal)

To-Do sometime these days

  • Fix unanswered questions displaying correct message in module

  • MUST GET DONE - MVP -------------

  • Style Module Questions

  • Add Real Calendar Embed Link

  • Add New Domain

  • Push Live

  • Make Admin / Upload / Delete Admin Function / Upload Again

  • Test Everything Ourselves + Mitch (ADMIN AND USER)

  • LATER --------------
  • Media Query - under 1100 show "must use desktop" screen?
  • CSS Grid?
  • Link ModuleList Name Cell directly to Module - Nisal
  • README complete with everything
  • Handover README Notes (Remember to Add Admin Account)
  • Make Add Module page presence true for name and content
  • Display User Info on Profile Page
  • Add forgot your password?
  • Image / File Uploading (Photo ID, Working w/ Children's Check?) (Profile Page)
  • SCROLL DOWN INDICATOR ON HOME PAGE
  • View and Download Uploaded Files per User
  • Send SMS + Email Updates to All Users From Admin Console
  • Profile Image on Profile Page
  • Password Confirmation on Sign Up - verification on front end
  • First Name on User Button - material Letter Avatar instead?
  • https://www.npmjs.com/package/react-alert FOR SIGNED IN / OUT ALERTS
  • Set due dates on modules - email progress to Admins and reminder to User if not completed - Fixed by Home Page Blog Updates
  • Add live chat - Not that useful
  • Mobile responsiveness - Later!
  • Autofill sign in and profile page change details fields
  • Add camping, mentoring and sports Ignite icons (google drive) to relevant modules
  • Fix favicon
  • Add words to icons
  • All modals close on click away and same X exit button styling
  • Grey Scale image when signed out - color when signed in (change state of className)
  • Update buttons to material UI ones

ignite-web's People

Contributors

nisalvd avatar dvdhlms avatar michaelb387 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.