Giter Club home page Giter Club logo

fitter-frontend's Introduction

fitter-frontend

Date: 08/19/2022

Collaborators

Anaflavia Almendras John Dunn Steve Morello
GitHub GitHub GitHub
LinkedIn LinkedIn LinkedIn

Project Links

Description

Fitter

Want to show off your workout routine or simply need some inspiration? Fitter is the perfect fit ๐Ÿ˜‰ for you. With Fitter you are able to post your own fitness journey, as well as see what the rest of the FitFam is up to. Users will also have the ability to like and comment on other Feats.


Technologies

  • PostgreSQL/Sequelize
  • Express
  • React
  • Node
  • Git/Github
  • CSS
  • Heroku

App Overview

Fitter is a full-stack PERN application that allows users to create an account to share posts regarding their fitness journey as well as like/unlike and comment other users posts. The user is able to return to their account at anytime to delete and modify their own post.

When prompted to the home page, users need to either login or sign up for an account to access the feed page. Once logged in the user is able to see posts of other users of the app as well as like/unlike and comment on their posts or create a post of their own. If the user wants to find out more info about any particular user, see all other comments regarding the post, or simply see the post in more detail they can click on any feat of their choice to be able to do that. The user is only able edit and delete their own post and not others. The user is also able to see their own account which will show all the posts they created and if need to they have the option to change their password. The user can logout and comeback to their account at anytime they chose to.

Getting Started

Necessary packages are included in the package.json, so you just need to run npm i to install them.

Screenshots

Main Feed

Main Feed

Editing Feats

Edit Feat

User Profile

User Profile

Task List(s)

  • Future Updates

    • Mobile-friendly version
    • Fix image upload when editing
    • Optional image uploading
    • Delete account
    • User profile includes feats they've liked
  • Completed updates

    • User to be able to like and unlike feats
    • User to be able to like and unlike comments
    • Toggle color when user likes or comments
    • Image upload and display

Credits

fitter-frontend's People

Contributors

scubastove4 avatar a-almendras avatar d00m-star avatar

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.