Giter Site home page Giter Site logo

fotos's Introduction

fotos

FOTOS (https://fotos124.herokuapp.com/) is a website where you can share your photos.

USER STORIES

  • I can view everyone's posted photos on the website.
  • I can click on each photo and go to that photo's page.
  • I can click on a username and go to that profile page (listing the photos that they have taken)
  • I will be informed if I try and access a page that doesn't exist (404 error), or if there is a 500 server error.
  • I can register (with register form validation), and it will automatically log me in.
  • I can login using my password and username. My password is stored securely.
  • I can look at my own profile.
  • I can upload a photo.
  • I can log out.

How to run the project locally

  1. git clone https://github.com/fac-13/fotos.git
  2. Run npm i to install the required modules.
  3. Set up the local database by:
    1. Connect to postgres, either by psql (pgcli) in the terminal on MAC, and sudo -u postgres psql on ubuntu.
    2. Create the database by typing CREATE DATABASE [the name of the database];. It's best not to use a hyphen (-) or uppercase letters in your database name.
    3. Create a superuser with a password - type in CREATE USER [the new username] WITH SUPERUSER PASSWORD '[the password of the database]';
    4. Change ownership of the database to the new user by typing ALTER DATABASE [name of the database] OWNER TO [the new username];
  4. Add a config.env file in the root folder and add the database's url in this format:
USERS_DB_URL = [the heroku database]
TEST_DB_URL = postgres://[username]:[password]@localhost:5432/[databasename]

SECRET = TAKA
  1. Exit postgres and the run npm run build to build the database. (or Build the database by connecting to postgres and typing \i + correct path + /fotos/src/model/database/db_build.sql)
  2. You should now be able to run tests (using npm test) and also run npm run start:watch and access the site at localhost:3000.

fotos's People

Contributors

helenzhou6 avatar isnotafunction avatar jennah2121 avatar giuliateggi avatar gitter-badger avatar

Stargazers

 avatar

Watchers

D Sofer avatar James Cloos avatar Shannon Jensen Wedgwood avatar Jamie Coe avatar  avatar Lex avatar  avatar

fotos's Issues

Duplicate Photo message

It is cool that I can't send a duplicate. Would be nice if I could get a message letting me know I tried to upload the same photo. ๐Ÿ˜„

Password requirement

Would be nice if there is a message telling me the password requirements ๐Ÿ‘

Great work

Very clean code, reads very well. Easy to navigate through the different files. Good amount of controllers and handlebars. All very well written and separated. Really nice work! ๐Ÿ’ฏ

User registration error handling

when I register with what I guess might be an invalid password I receive a flash of a validation message (perhaps) and then straight away redirected to a 404 error page...

But, also I am able to log in afterwards...

Think there are multiple error handling things happening simultaneously?

Repeated use of code blocks

repeated use of app.use cookie session...any reason why?
in your app.js
app.use(
cookieSess({
name: 'session',
keys: [secret]
})
);

Make README

Code snippet:
Add next(err) - to jump to 500 error

Struggles:
heroku connecting

Registration form

There are issues with your registration form as it displays Your username and password don't match!
(i mean the heroku deploy on)

Landing Page

I must say... i like the pictures, seeing it makes me want to go on a vacation
but i think you guys could have done just a bit more of styling
1.< li> could do with some inline styling and removal of your bullets
2. images could have have some styling,margin etc

Awesome!

Great functionality, instagram has some competition right here ๐Ÿ˜ˆ

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.