Code Monkey home page Code Monkey logo

dating-app's Introduction

Dating app

Installation

Clone

Clone this repository to your local system by using this link -> "https://github.com/Sajjad0405/dating-app.git"

Run this code

To install Node modules, run this line of code:

npm install

Start the app

To run the application, run this piece of code:

npm run Start

To run the app in development:

npm run dev

The app runs of the port 8000. To run the app in the browser, type in your browser: localhost:8000.

Packages used

There are a couple of packages I used for this project. Some examples are:

  • Multer (to upload a photo)
  • Body-parser (to insert the input value while creating a new game)
  • Mongo (The database package)

To see a complete list of the packages I used for this project, please look up the packages.json file.

Database

For this application, I used Mongodb and DbAtlas to store data in a database.

Database model

Database model

Licence

MIT

dating-app's People

Contributors

sajjad0405 avatar

Stargazers

Kaan Cenik avatar

dating-app's Issues

Move wiki to this repository

I see you've put research in a project-tech repo. It's best to make this all one repository, so I would suggest you move those files (including wiki) into this repo.

Job Stories

When I find someone attractive on the website, I want to be able to view the profile of that person, so that I can get to know the interests of that person in more detail.

This one is still quite a bit vague and generic. An account page is a basic feature of a dating-app. Can you make it more specific? This is also because I don't see a lot of user research. Do you have a specific focus group? What information should be on the profile page?

Make sure you clearly define your users and make your Job Story specific to that user group. What special features does the profile page need?

Static Site

Start working on your interface! I see you added an index.html and style.css but I think you can already create more. Your sitemap doesn't feel complete.

  • 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

You started with the branding research, I see you've also incorporated that into the style.css. You can also start to figure out what components you are going to create instead of just colors and typography.

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.