Skip to content

bsour/tulip-FE

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

95 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Tulip Dating App ๐ŸŒท

Screenshot-2023-11-14-at-6-23-52-pm

GitHub last commit GitHub issues GitHub pull requests GitHub

Overview ๐ŸŒ

Tulip Dating App offers an innovative platform for individuals looking to connect with others who share their interests and values. Engineered with the latest technology in reactive programming and a robust backend architecture, Tulip provides a seamless user experience, intelligent matchmaking, and a secure environment for users to meet new people.

๐Ÿงฐ Technologies Used

Socket.IO GitHub Visual Studio Code Postman Tailwind CSS Canva React npm Node.js Express mongoDB AWS

Front-end ๐Ÿ–ฅ๏ธ

Built with React and Tailwind CSS, the Tulip front-end is a masterpiece of modern web development, featuring a responsive UI that's both beautiful and functional.

Key Features

  • React Router: Manages seamless navigation within the app ๐Ÿšฆ.
  • Component Design: Modular and reusable components for DRY code ๐Ÿงฉ.
  • Styling: A utility-first CSS framework for rapid UI development ๐ŸŽจ.
  • Accessibility: Inclusive design that adheres to WCAG guidelines for all users ๐Ÿ‘ฅ.
  • RESTful API: We provide a RESTful API that is not only robust and flexible but also incredibly efficient, facilitating a smooth data flow for state management on the client side. ๐Ÿง 
  • Database Integration: Leveraging MongoDB, we handle vast amounts of data with ease, ensuring all user interactions are stored and retrieved without a hitch. ๐Ÿ—ƒ๏ธ
  • Secure Authentication: Using JWT for session management, we ensure that each login is as secure as it is seamless. ๐Ÿ”’
  • Dynamic Matchmaking: Our algorithms adapt to user data, creating more meaningful connections as the app is used. ๐Ÿ’˜
  • Performance Optimizations: We've fine-tuned every query and route for maximum efficiency, keeping the user experience swift and responsive. โšก

Back-end โš™๏ธ

Our back-end is a fortress built on Node.js and Express, featuring a RESTful API that's both powerful and easy to use.

Key Features

  • Database: MongoDB integration with Mongoose ODM for data management ๐Ÿ—ƒ๏ธ.
  • Authentication: JWT for secure, token-based user sessions ๐Ÿ”’.
  • Security: bcrypt for password hashing๐Ÿ›ก๏ธ.
  • Matchmaking Algorithm: Sophisticated logic based on user profiles to foster meaningful connections ๐Ÿ’˜.
  • Scalability: Ready to grow with a user base that's expanding globally ๐Ÿ“ˆ.

Development Practices ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿ‘ฉโ€๐Ÿ’ป

We embrace Agile, champion CI/CD, and are committed to high-quality code with comprehensive testing.

Secure Login Flow ๐Ÿ”

  • Credential Verification: We verify credentials securely using bcrypt ๐Ÿ‘ฎโ€โ™‚๏ธ.
  • Token Creation & Management: JWTs are created and managed securely for session handling ๐ŸŽซ.
  • HTTPS/SSL: All data is transmitted securely over SSL, always ๐Ÿ”.

Features ๐Ÿš€

  • Amazon S3 Image Upload: Store profile images securely and reliably in the cloud โ˜๏ธ.
  • Focused Matchmaking: Our algorithm emphasizes quality over quantity, promoting one connection at a time ๐Ÿ‘ซ.
  • UI/UX: Designed to limit distractions, our UI/UX keeps the focus on what matters: genuine human connection ๐Ÿค.

๐Ÿš€ Features

  • Login: Secure access to your personal space. ๐Ÿ”
  • Signup: Join our community and start a new journey. ๐ŸŒŸ
  • Matching: Smart algorithms to find your perfect match. ๐Ÿ’ž
  • Chatting: Real-time conversations with potential partners. ๐Ÿ’ฌ
  • Mobile App: Connect on-the-go with our mobile application. ๐Ÿ“ฑ

๐Ÿ›  Installation

The Tulip Dating App is composed of a front-end and a back-end repository. Follow these steps to set up your local development environment.

Front-end

git clone https://github.com/username/tulip-frontend.git
cd tulip-frontend
npm install
npm start

Back-end

find the repo @ https://github.com/YuJi-2023/Tulip-back-end

๐Ÿ‘จโ€๐Ÿ’ป๐Ÿ‘ฉโ€๐Ÿ’ป Authors

Front-end Team

Back-end Team

๐Ÿ“บ Visual Appeal

At Tulip Dating App, we believe that the first impression is made through the eyes. Our UI/UX design philosophy centres on creating an aesthetically pleasing interface that not only catches the eye but also fosters an intuitive user experience.

  • Intuitive Design: Our interface is designed with the user's intuitive journey in mind, ensuring that finding and interacting with potential matches is a seamless process. ๐Ÿงญ
  • Aesthetic Details: From the colour palette to the typography, every detail has been meticulously crafted to provide a visually harmonious environment that speaks the language of love and connection. ๐ŸŽจ
  • Responsive Layouts: Our layouts are built to be responsive, providing a consistent and engaging experience across all devices, be it on a phone, tablet, or desktop. ๐Ÿ“ฑ๐Ÿ’ป๐Ÿ–ฅ๏ธ
  • Animation and Feedback: Subtle animations and immediate feedback mechanisms are integrated to make the app not just a tool, but a delight to use. ๐ŸŒŸ
  • Accessibility and Inclusivity: We prioritize accessibility in our design to ensure that everyone, regardless of ability, can use our app effectively. This commitment to inclusivity is at the heart of our design strategy. โ™ฟ๐Ÿค—

We're constantly refining our design to ensure that while aesthetics evolve, the experience remains timeless. At Tulip, we want our users to fall in love with not just their matches but also with the journey of finding them.

๐Ÿค Contributing

Contributions make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repository and create a pull request. You can also simply open an issue with the tag "enhancement".

Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

๐ŸŒŸ Star Us!

Like the project? Star us on GitHub!

๐Ÿ“ License

This project is licensed under the MIT License - see the LICENSE.md file for details.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 87.7%
  • CSS 11.6%
  • HTML 0.7%