Git Product home page Git Product logo

current-weather's Introduction

Current Weather

By Eileen Chang

live website link

Description

Instructions for using the site are as follows:

  1. Sign in or create an account
  2. Create a post by uploading a photo with a description and tags
  3. Search for other posts by keyword or tag

CRUD module implementation where images can be uploaded and stored in MongoDB Atlas

All uploaded images are stored to a MongoDB Atlas database with unique id, original filename, and content type

mongodb

Home (not signed in)

Features:

  • Pagination where 8 posts can be viewed at a time, and navigation buttons are available at the bottom-right
  • Gallery of posts that have been made by visitors to the site
  • Sign In link at top-right
  • Search functionality that filters posts by keywords or tags (prompts)
  • Instructions and About box

home

Gallery Cards

Features:

  • Timestamp of when the post was created
  • User's name, the title of the post, and tags given to the post
  • Option for signed-in users to "like" or delete their own posts
  • Preview image

gallery card

Sign-In

Features:

  • Option to Google OAuth Login OR sign in with email and password if they created an account (see "Sign Up")
  • Link to sign up page if user does not already have an account

sign in page

Sign-Up

Features:

  • User enters first name, last name, email, and password to create an account
  • Once a user creates an account, their information is stored into a MongoDB Atlas database

sign up page

mongdb user

Home (signed in)

Features:

  • Instructions and About box disappears
  • Users now have the ability to create and submit their own posts (left of screen)
  • Posts are created with a title, message, tags, and an uploaded image

signed in

upload image

Sample Post Page

Features:

  • The title, user, timestamp, tags, and image for the post is displayed on its own page
  • Signed in users can post comments that will be displayed on the page
  • Suggestions for other posts are provided at the bottom of the page

post page

recs

Search by Keyword

keyword search

Search by Tags

tag search

MongoDB CRUD Implementation

  • Each post is stored in the MongoDB Atlas Cloud database with an id, title, message, creator id, user name, tags, uploaded image, likes, comments, and timestamp

mongodb

current-weather's People

Contributors

eilccn 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.