TMR - Tech Maven & Revamp

Dynamic Angular user portfolio with real-time weather and crypto data. Built with Tailwind CSS & chart.js for speed and style.

Installation

Install pnpm sing npm

npm install -g pnpm
// or
npm install -g @pnpm/exe

install packages

pnpm install

run application

ng serve

Pages

Here are all the page from the project:

• Dashboard
• Dashboard Pages
  • Index
  • Crypto
• Components Pages
  • Table
  • Address & Weather

Tech Stack

Client: Angular, TailwindCSS, Apache, GraphQL, chart.js

Features

• Light/dark mode toggle
• Theme color modes
• Fullscreen mode
• Cross platform
• Responsive
• Animation

Running Tests

To run tests, run the following command

  ng test

Running Prettier

To run prettier, run the following command

  pnpm run prettier

License

MIT

Screenshots

Features

• Sidebar
• Dark Theme
• Navbar
• Footer
• Dashboard Module
• Standalone components
• Angular Signals
• Multi Theme
• Tests E2E
• User Module
• Guards
• Animations

Commands

command	What it does?
npm start	Starts the server in dev mode
npm run lint	Runs ESLint on project
npm run prettier	Runs prettier on entire src folder
npm run prettier:verify	Runs prettier-check and throws error if fails
npm run prettier:staged	Runs prettier on only staged (changed) files
npm run e2e-ui	Runs playwright e2e test with UI

Acknowledgements

• SVG Images
• Hero Icons

Screenshots

"ng-apexcharts": "^1.7.1",
"apexcharts": "^3.35.3",