The primary goal of this project was to develop a full-stack dating application, enabling users to connect based on shared interests and preferences.
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:
-
Backend Implementation: Connection to Vercel PostgreSQL cloud database created. PostgreSQL is used for data storage, ensuring reliability and scalability.
-
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.
-
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.
-
Language Support: Matcha the dating app allows users select between 3 main languages for the interface: English, Français & Русский.
-
Real-Time Features: Implemented chat functionality allows users to communicate once matched. Notifications for likes and visits are provided to enhance user engagement.
-
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.
-
Deployment: The application is deployed on Vercel, providing fast global access. Visit the application at https://matcha-find-your-date.vercel.app
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.
(Add demonstration details, screenshots, or links to demo videos here) Coming soon...