AngularAnalytics

This project is the solution to the Natlex group frontend developer assignment

 

Table of contents

• Assignment Resources
• Dependencies
• Project Documentation
  • Project Structure
  • API and Data
  • Mock Data
  • Project Management
  • Tests

 

Assignment Resources

• Question: Frontend Developer Test Angular.pdf
• App URL
• Demo Video URL

 

Dependencies

• Angular
• ngRx
• Rx.js
• Angular Material
• Tailwind CSS

 

Project Documentation

The project follows a common structure with three main folders: core, features, and shared.

 

Project Structure

1. Core: The core folder contains essential components and services that are crucial for the functioning of the application.

2. Features: The features folder is where we organize our application's main functionality or feature modules which in this case are Settings and ViewMode

3. Shared: The shared folder is for components, state, and other resources that can be shared across different parts of the application. It typically includes:

 

API and Data

For API communication, we have integrated a quick backend using Appwrite. Appwrite is used to save chart information and interact with the server.

 

Mock Data

To facilitate development and testing, we have created a custom mock service located at src/app/core/mock. This mock service generates mock data for the charts.

 

Project Management

The project was managed using GitHub issues.

 

Tests

Unit tests have been written with jasmine and e2e tests with cypress