https://github.com/rishavconsolelog21/reachinbox
ReachInbox Task, Click on Google to login
https://github.com/rishavconsolelog21/reachinbox
javascript reachinbox reactjs
Last synced: 3 months ago
JSON representation
ReachInbox Task, Click on Google to login
- Host: GitHub
- URL: https://github.com/rishavconsolelog21/reachinbox
- Owner: rishavConsoleLog21
- Created: 2024-08-14T10:14:42.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-14T10:28:16.000Z (almost 2 years ago)
- Last Synced: 2025-03-11T07:33:59.453Z (over 1 year ago)
- Topics: javascript, reachinbox, reactjs
- Language: JavaScript
- Homepage: https://reach-inbox-sand.vercel.app
- Size: 161 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project ReachInbox.ai
## Overview
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.
## Features Implemented
1. **Login Page**
- Implemented based on provided design.
2. **Onebox Screen**
- Users are directed here after login (/google-login endpoint).
3. **Data Fetching**
- Integrated API to fetch data:
- GET `/onebox/list`
- GET `/onebox/:thread_id`
- DELETE `/onebox/:thread_id`
4. **Keyboard Shortcuts**
- Implemented shortcuts:
- **D:** Delete functionality
- **R:** Opens reply box
5. **Custom Text Editor**
- Added custom buttons:
- **SAVE**
- **Variables**
6. **Reply Functionality**
- Implemented reply feature:
- POST `/reply/:thread_id`
- Request body format:
```json
{
"from": "email",
"to": "email",
"subject": "",
"body": ""
}
```
7. **Light and Dark Mode**
- Implemented support for both light and dark modes.
## Usage
- Clone the repository from [github](https://github.com/rishavConsoleLog21?tab=repositories)
- Install dependencies (`npm install` or `yarn install`).
- Start the development server (`npm start` or `yarn start`).
## Technologies Used
- Frontend: HTML, CSS, TailwindCSS, JavaScript (ReactJS)
- Backend: APIs (specified in the project)
## Credits
- Design: [Rishav Kumar](https://rishavkumar.live/)