Infratab Frontend Coding Challenge!

Getting started

1. Participate
2. Setup the project
3. Complete the Challenge!

Participate

There are two ways to participate in our coding challenge -

• By cloning this repo and using the Github Flow
• By downloading the entire project directory as a compressed folder

We would like you to follow the Github flow to participate in the coding challenge if you are familiar with Git and its ecosystem. However, in case you are not familiar with Git, please feel free to download the project directory and then complete the Challenge

Cloning the repo (Use the Github flow)

1. Clone this repository
2. Follow the Github Flow
3. Complete the requirements listed in the Challenge
4. Open a pull request!

Downloading the project directory

1. Download this project direactory as a compressed folder (frontend-challenge.zip)
2. Complete the requirements listed in the Challenge
3. Email the compressed folder to careers@infratab.in or to the person with whom you have been interacting!

Setup the project

1. Change directory to report
2. run npm install
3. run npm start
4. Open http://localhost:3001/ in browser, if you see Challenge accepted! text in the browser that means server is successfully running
5. Please find index.html in the public folder
6. Now you can start your coding!

Challenge

For this challenge, server is hosted here which provides you with the following api endpoints.

Your challenge is to implement the following designs given in the below section and fulfil the functional requirements listed below. You can implement the design using any library/frameworks you like or just good old plain html/css.

Functional requirement

1. Signup, Login, Logout

On signup or login you will get the token as a response, store the token in the browser. Based on the token stored decide whether to show login or home page.

NOTE: All the API's are authenticated.

2. Show list of reminders

Show the list of reminders as shown in the below image.

3. Add a reminder

Add a reminder which accepts the date-time, message and phone_number.

Both date-time and message are required fields but phone number is an optional field. If you provide the phone number while adding the reminder then reminder will be sent as SMS to phone number, if not it will send the mail to the signed in email.

4. Edit reminder

User can edit date-time, phone_number, message of Upcoming reminders.

User can repeat any reminder by clicking on Remind again button. On click of Remind again button, that reminder details has to be filled in Add reminder section, So that user can add that reminder again.

6. Remove reminder

User can remove any Upcoming reminders or they can delete Past reminders.