danjzych / friender-frontend

React-Typescript frontend for geolocation-based social media application.

Home Page:http://friender.danielzych.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


A geolocation-based social media application for finding friends near you.

View Demo · Report Bug · Backend Repo

Table of Contents
  1. About The Project
  2. Getting Started
  3. Roadmap
  4. License
  5. Contact
  6. Acknowledgments

About The Project

Product Name Screen Shot

Friender is a geolocation-based social media app for finding and chatting with friends near you. Each user sets their location, and a radius within which they can search for friends.

If two users indicate they'd like to be friends with each other, they match, and can began chatting with each other.

Friender's seed data is shared across all demo users, and reset periodically.

(back to top)

Built With

  • React
  • Typescript
  • Tailwind

(back to top)

Getting Started

To get a local version of Friender up and running, do the following. Note that, to have an operational Friender frontend, you will need to set up the backend as well.

Installation and Setup

  1. Clone the repo

    git clone https://github.com/danjzych/friender-frontend.git
  2. Install project dependencies

    npm install
  3. Launch

    npm run

    (back to top)

Roadmap

  • Image Carousel for User Profiles
  • Drag and Drop sorting of Multiple Profile Photos
  • Notifications System
  • Refactor Messaging Using Websockets
  • UI Improvements
    • More Responsive Layout / Mobile Layout
    • Dark Mode
    • Additional Animations

See the open issues for a full list of proposed features (and known issues).

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Daniel Zych - LinkedIn - danjzych@gmail.com

Project Link: https://github.com/danjzych/friender-frontend

(back to top)

Acknowledgments

This project was also built with:

(back to top)

About

React-Typescript frontend for geolocation-based social media application.

http://friender.danielzych.com/


Languages

Language:TypeScript 95.8%Language:HTML 2.4%Language:CSS 1.1%Language:JavaScript 0.7%