immanu10/dodo-assignment

React + TypeScript + Vite

This project is bootstraped using Vite (React+typescript)

Steps to run the application locally:

1. git clone https://github.com/immanu10/dodo-assignment.git
2. cd dodo-assignment
3. npm install
4. npm run dev

Documentation:

Techstack used:

React, Tailwind css, react-router, Recharts(chart library)

Development Steps:

1. Project Setup:

   • Used Vite to setup the project: npm create vite@latest
   • Configuring Tailwind css: https://tailwindcss.com/docs/guides/vite

2. Developed basic responsive app layout which include handling Sidebar, Header Main Content and Notification Section. (used css grid layout)

3. React Router setup for navigation and defined folder structer for the app.

4. Components Design and UI Development.

5. Used context api for global state management (dark mode feature).

6. Handling functionality for transaction table and settings form.

Demo URL : https://dodo-assignment.vercel.app/

Screenshots :