This project involves creating a functional web application using provided designs and APIs. The application includes a login page, a main dashboard screen ("onebox" screen), data fetching capabilities, keyboard shortcuts, a custom text editor, reply functionality, and support for light and dark modes.
-
Login Page
- Implemented based on provided design.
-
Onebox Screen
- Users are directed here after login (/google-login endpoint).
-
Data Fetching
- Integrated API to fetch data:
- GET
/onebox/list - GET
/onebox/:thread_id - DELETE
/onebox/:thread_id
- GET
- Integrated API to fetch data:
-
Keyboard Shortcuts
- Implemented shortcuts:
- D: Delete functionality
- R: Opens reply box
- Implemented shortcuts:
-
Custom Text Editor
- Added custom buttons:
- SAVE
- Variables
- Added custom buttons:
-
Reply Functionality
- Implemented reply feature:
- POST
/reply/:thread_id - Request body format:
{ "from": "email", "to": "email", "subject": "", "body": "<html></html>" }
- POST
- Implemented reply feature:
-
Light and Dark Mode
- Implemented support for both light and dark modes.
- Clone the repository from github
- Install dependencies (
npm installoryarn install). - Start the development server (
npm startoryarn start).
- Frontend: HTML, CSS, TailwindCSS, JavaScript (ReactJS)
- Backend: APIs (specified in the project)
- Design: Rishav Kumar