Scribd
Upload
35 views2 pages

Frontend My Assignment

The document outlines requirements for a frontend developer assignment to build an expense tracker application using React, Redux, Material-UI and Firebase, including adding, listing and categorizing transactions, with the expected timeline of 6-7 hours to complete. Applicants are instructed to fork a GitHub repository, add the code to a development branch, and submit the link for review.

Uploaded by

Gp Gp
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
35 views2 pages

Frontend My Assignment

The document outlines requirements for a frontend developer assignment to build an expense tracker application using React, Redux, Material-UI and Firebase, including adding, listing and categorizing transactions, with the expected timeline of 6-7 hours to complete. Applicants are instructed to fork a GitHub repository, add the code to a development branch, and submit the link for review.

Uploaded by

Gp Gp
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

EnverX offers a simple and convenient platform to fund early stage projects and trade future carbon

credits.

Assginment For Frontend Developer Role

Instructions

- Fork this repository

- Take a fresh `pull`

- Create a `development` branch

- `Push` the updated code after task completion

Note: Make sure to add proper `commit` messages

Note: Make sure to add proper commit messages.

Requirements

1. Build an expense tracker app that allows users to track their income and expenses.

2. Users should be able to add new transactions, including a description, amount, and category
(e.g., "Groceries," "Rent," "Salary").

3. Implement a transaction list that shows the user's recent transactions, including the date,
description, amount, and category.

4. Implement a form with Material-UI components for adding new transactions, with
appropriate validation for required fields.

Optional

1. Display a summary of the user's income and expenses, including the total balance and a
breakdown of categories.

2. Users should be able to filter transactions by category or search for specific transactions.

Technical Requirements

1. Use React, Redux, and Material-UI to build the application.

2. Use Firebase FireStore for storing and getting the data.

3. Utilize Redux for state management, including managing the transactions and filters.

4. Use Redux-Saga for handling asynchronous actions and API calls.

5. Use Material-UI components for building the user interface, including forms, lists, and cards.

6. Implement responsive design using Material-UI's responsive components to ensure the app
works well on different screen sizes.

7. Implement proper error handling and display error messages when necessary.

8. Implement unit tests or integration tests for critical components or functions.

Optional
1. Add a feature to export the user's transactions as a CSV or PDF file.

2. Implement the ability to edit and delete existing transactions.

3. Provide data visualization, such as charts or graphs, to display the user's income and expense
trends.

Timeline

The approximate duration for completing this assignment is expected to be around 6-7 hours,
although this timeframe could differ depending on your level of familiarity and experience with the
technologies involved.

To Be Considered

1. The submitted code should be plagirism free otherwise your application will be disqualified

2. Please ensure that you complete the assignment within the designated deadline assigned to
you and submit it to us accordingly.

3. Please ensure that you carefully follow the instructions provided, as we will be assessing
your code, documentation, and adherence to best practices. Once you have completed the
assignment, kindly share the GitHub repository link with us.

4. If you have any questions or need further clarification, please don't hesitate to reach out to
us at [email protected]. We look forward to reviewing your work and discussing it with you in
the next stage of the interview process.

You might also like