Code Monkey home page Code Monkey logo

phalty-backend's Introduction

Final General Assembly Project

Phalty - A place where cars can talk!

A social application where users sign up as their vehicle.

Users sign up using their vehicle registration plates, and then can communicate with other cars by simply remembering the numberplate of another vehicle.

For example, someone witnesses another persons car involved in an accident. That user can note down the plate and use the app to forward the info to the owner, just like putting a note under a windscreen wiper.

This web application is live, but far from finished. Currently, the only features working are... Sign Up, Sign In, Create Post, Delete/Edit Post, Delete/Edit User.

Both the front end and back end API are deployed on Digital Ocean.

Phalty still needs the following to be implemented...

Future features marked if implemented:

  • User comments on posts (implemented in back end but not in front)
  • Search Posts by User
  • Regex validations for user registration plate
  • Pagination
  • Further Styling
  • Admin user for front and back

Built with a MERN stack:

  • MongoDB
  • Express
  • React
  • Node
  • Material Design Bootstrap

Known Bugs:

Some redirects not firing. For example, user update page on click should redirect to updated post, instead remains stuck on "loading..." feature. Refreshing homepage shows user update has been received by backend. npm package react-router-dom is responsible for routes and uses the redirect method redirectToProfile. Some of the code responsible for redirect...

update(userId, token, this.userData).then(data => {
       if(data.error) this.setState({ error: data.error });
       else
       updateUser(data, () => {
         this.setState({redirectToProfile: true});
       });
     });

This will be corrected during further feature implementations...

app demo

Requirements

  • Internet browser - Preferably Chrome.
  • MongoDB server set to localhost 8080 by default for backend
  • Front end can be served locally on localhost 3000

Installation

$ git clone https://github.com/PaulCalnan/phalty-backend.git
$ git clone https://github.com/PaulCalnan/phalty-frontend.git
$ cd into phalty project
$ npm install

Or try it right now here!..

Backend API routes can be seen here..

Where to from here?

This current version will be re-built and further refined into a react native version that will have further features like maps with pin.

phalty-backend's People

Contributors

paulcalnan avatar

Watchers

 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.