Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sarkartanmay393/coriderchats-pwa
Contains a internship interview assignment, built using React.js, Chakra UI. It's a Progressive Web App.
https://github.com/sarkartanmay393/coriderchats-pwa
chakra-ui pwa reactjs
Last synced: 4 days ago
JSON representation
Contains a internship interview assignment, built using React.js, Chakra UI. It's a Progressive Web App.
- Host: GitHub
- URL: https://github.com/sarkartanmay393/coriderchats-pwa
- Owner: sarkartanmay393
- Created: 2023-11-18T20:14:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-20T13:23:38.000Z (about 1 year ago)
- Last Synced: 2024-05-01T19:52:26.872Z (8 months ago)
- Topics: chakra-ui, pwa, reactjs
- Language: TypeScript
- Homepage: https://coriderchats.vercel.app
- Size: 1.05 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CoRider Chats
CoRider Chats is a Progressive Web Application (PWA) developed using ReactJS, designed to provide a chat experience for both Android and iOS devices. This project utilizes Chakra UI for a clean and responsive user interface.
## Features
- **Chat Screen:** View and interact with chat messages in a user-friendly interface.
- **Pagination:** Load older messages when scrolling above a certain threshold.
- **API Integration:** Retrieve chat data from the provided API endpoint.
## Technologies Used
- ReactJS
- Chakra UI
- TypeScript
## Getting Started
To run the CoRider Chats application locally, follow these steps:
1. Clone this repository:
```bash
git clone https://github.com/your-username/CoRider-Chats.git
cd CoRider-Chats
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm start
```
The application will be accessible at `http://localhost:3000` by default.
## Deployment
You can deploy the CoRider Chats application on platforms like Netlify, Vercel, or any other of your choice. Ensure that the deployed application is installable as a PWA.
## Folder Structure
```plaintext
src/
|-- components/
| |-- ChatScreen.tsx
| |-- Message.tsx
| |-- Messages.tsx
|-- App.tsx
|-- index.tsx
|-- ...
```
## Contributing
Contributions are welcome! Feel free to open issues and pull requests.
---
**Happy Coding!**
```
Make sure to replace the placeholder paths, URLs, and usernames with the actual values for your project. Additionally, you may want to include details about the project structure, deployment instructions, and any other relevant information specific to your application.
```