Git Product home page Git Product logo

azinec_react_task's Introduction

Entry Test ReactJS

Hi, This entry challenge was designed to test your problem-solving ability, technical and non-technical skills on the full spectrum that is required for the position.

Upon completion, please provide:

  1. Link to GitHub repo
  2. Create a mock server on NodeJS (or any other) The level of detail provided below is kept minimal on purpose. You have 11 business days to complete the challenge. Partially completed submissions are considered. Good luck,

Business Requirements

Create an event listing page, where users can register to multiple events and sessions for the event. Take Eventbrite’s modern event listing page (not the classic) as an example.

User Stories

  1. As a user, I can see a list of Event s in chronological order
  • Basic event details to show:
  • Title (Text)
  • Start (Date/Time)
  • End (Date/Time)
  • Status (Draft, Open, Sold Out, Closed)
  • Registration Limit (Number)
  • Remaining Seats (Number)
  1. As a user, I can see an event detail page
  • Show basic details
  • Show Description (Rich Text Field)
  1. As a user, I can see sessions on the event detail page
  • Session s also have the same basic information as an event
  1. As a user I can register to an event
  • Register button on event detail page
  • After clicking the registration button I need to:
  • Select which sessions I want to register for under the event
  • Enter my basic information as an Attendee
    • First Name
    • Last Name
    • Email
    • Phone
    • Company
  1. As a user, I can only register to Open events and sessions
  • But can see Sold Out and Closed ones on the event listing page
  1. As a user, I get a success/failure message after registration
  2. As a user, I get an automatic email from admin after successful registration with the event and session details in the email
  3. As an admin, I can create an event
  4. As an admin, I can create sessions under an event
  5. As an admin, I can create attendees under an event
  6. As an admin, I can add an attendee to multiple sessions

Requirements

  1. Use Node.js as a backend technology (or any other)
  2. Use ReactJS as a frontEnd technology
  3. Host it on Heroku or AWS
  4. Avoid using jQuery if possible
  5. Create responsive layout for iPhone (portrait)
  6. User Experience and UI is a key part of succeeding at this challenge
  7. Build it with scalability and maintainability in mind
  8. Final submission should be publicly accessible or available to us for review

Icing On The Cake

The above requirements are minimum, once you met them, it's up to you to put your personal touch to it and extend the functionality or impress us with any features that can show off your coding, design or UX skills, how you use libraries, etc.

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.