GithubHelp home page GithubHelp logo

dating-app-expanded's Introduction

Dating App: Match Tag

Description

An app to meet and connect local people with the same interest in a specific location. Your profile will be displayed as a tag and is findable if you choose to drop the tag at a location where you would like to meet someone. If you don't want to drop your own tag/profile, it is always possible to see other people's placed tags.

Screenshots

Develop branch:

Index Match Tag Game list Match Tag Dropped tags Match Tag

Master branch:

Installation

Clone repo:

https://github.com/Rowin206/DatingApp.git

NPM:

npm install

Usage

Run code:

npm run start

Database as a Service

The web application uses MongoDB Atlas to store data. The saved data consists of:

  • _ID
  • Cover
  • Email
  • Password
  • Name
  • Age
  • Pickupline
  • Description

Data can and will be used further in the app. The application can be used without registering in the database, but certain functionalities will not be available.

Schema

Database schema

Source(s)

Image(s)

Icon(s)

  • Font Awesome
  • Made by myself in Illustrator

License

MIT LICENSE

dating-app-expanded's People

Contributors

rowinvanamsterdam avatar nlvo avatar rooyydoe avatar kalemis avatar

Stargazers

Roman avatar

Watchers

 avatar

dating-app-expanded's Issues

Unlike feature

There is an option now to like a person/tag. But you can't unlike it. The goal is to make it possible to unlike it as well. Besides, a little bit styling/css for the like button. So, it will show the user if the person/tag is liked or not.

Display multiple collections in list on personaltag page

After you have left your keys in a collection, this will be shown on the personaltag page. For now, it's only working in the collection red_dead. The goal is to show multiple collections when you leave your tag behind in multiple collections.

Change double quotes to single

In the previous versions of the app, I was using double quotes. For now, we will use single quotes. I need to change that in the eslint and in the code itself.

Change CSS of gamelist page

After building a working structure for adding and deleting gamertags to game collections, it will need some new styling to it.

Static Site

Start working on your interface!

  • Create a sitemap of all the relevant pages of your feature. You can use google drawings or omnigraffle to create an overview
  • Sketch some wireframes (or wireflows) of the interface. These can be rough sketches or more hi-fi. Find a fidelity that suits you.
  • Turn your wireflow into static HTML pages. Do a HTML breakdown of your wireframe to see which semantic HTML elements you need. Ten create the HTML page for your feature.
  • Add some presentational CSS. You've already done some branding research so you're already able to set-up some basic styles. Think about colors, fonts etc.

Branding Research

Try to expand your branding research. Think about the css you are going to write. What components, colors & typography do you need?

  • Create moodboards / styleguides etc.
  • Create a css boilerplate

Store password safely

At the moment, the password is saved in mongodb without any protection. Packages like bcrypt will encrypt the password and it is worth using some protection.

Deploy

When the app is finished, it will be deployed with heroku.

clean up code

Check all the code and clean everything up. No unnecessary or not used code, no comments.

Change search page into a list of games

There is no need to search for a specific location anymore, because we changed the subject from locations to games. So the page to search for a location is not needed. The page has to be changed to a list of games, where users can select them.

Job Stories

Which Job Story are you going to work on? Your Job Stories are too generic. Based on your wiki you want to do something based on location or dog tags? I'm not quite sure how that supposed to work, that's also because I don't see any interface of some sort.

The dog tag system seems interesting but what is the focus group for that? Who is specifically looking for a dating app that matches based on tags? Try to clearly define that.

Update wiki

Keep up the wiki by writing about the process and all our work.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.