Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jesuisstan/matcha-find-your-date
just another dating web app
https://github.com/jesuisstan/matcha-find-your-date
blob blob-storage database databases dating-web-app geolocation intl-translation javascript next nextjs postgresql react typescript vercel vercel-deployment vercel-postgres web
Last synced: 4 days ago
JSON representation
just another dating web app
- Host: GitHub
- URL: https://github.com/jesuisstan/matcha-find-your-date
- Owner: jesuisstan
- Created: 2024-07-30T22:59:15.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-10-15T13:04:58.000Z (about 1 month ago)
- Last Synced: 2024-10-29T23:07:54.051Z (17 days ago)
- Topics: blob, blob-storage, database, databases, dating-web-app, geolocation, intl-translation, javascript, next, nextjs, postgresql, react, typescript, vercel, vercel-deployment, vercel-postgres, web
- Language: JavaScript
- Homepage: https://matcha-find-your-date.vercel.app
- Size: 33.4 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Documentation: Matcha Dating App
## Objective
The primary goal of this project was to develop a full-stack dating application, enabling users to connect based on shared interests and preferences.
## Implementation
The project was implemented using functional components and popular hooks in ReactJS with TypeScript, leveraging the Next.js framework for server-side rendering and routing. The following steps were taken to complete the project:
1. **Backend Implementation**: Connection to Vercel PostgreSQL cloud database created. PostgreSQL is used for data storage, ensuring reliability and scalability.
2. **Frontend + Backend**: The application is a full-stack exxample, developed using Next.js, incorporating TypeScript for type safety. The application follows a responsive design, ensuring usability across various devices.
3. **Styling**: Tailwind CSS is used for styling, providing a modern and consistent design. The application features utility-first CSS, enabling rapid styling adjustments. The application supports 2 color themes: light and dark.
4. **Language Support**: Matcha the dating app allows users select between 3 main languages for the interface: English, Français & Русский.
5. **Real-Time Features**: Implemented chat functionality allows users to communicate once matched. Notifications for likes and visits are provided to enhance user engagement.
6. **Version Control**: The code is hosted on GitHub and made publicly accessible. The repository can be found at [https://github.com/jesuisstan/matcha-find-your-date](https://github.com/jesuisstan/matcha-find-your-date).
7. **Deployment**: The application is deployed on Vercel, providing fast global access. Visit the application at [https://matcha-find-your-date.vercel.app](https://matcha-find-your-date.vercel.app)
## Results
The deployed version of the app allows users to:
- Authenticate with email and password, creating new accounts or logging into existing ones.
- Create and manage user profiles with interests, preferences, photos.
- Connect with other users based on mutual interests and preferences.
- Chat with users with whome you have matched.## Demonstration
_(Add demonstration details, screenshots, or links to demo videos here)_ Coming soon...