Skip to content

A full-stack application that allows users to share "do it yourself" crafts, explore other users' content, save DIY ideas for easy reference, and provide and receive feedback on projects.

Notifications You must be signed in to change notification settings

kelseyalderman/DIY-Explorer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

95 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DIY Explorer

Table of Contents

Description

A full-stack application that allows users to share "do it yourself" crafts, explore other users' content, save DIY ideas for easy reference, and provide and receive feedback on projects.

User Story

As a user interested in "do it yourself" (DIY) projects, I would like an application that allows me to save my projects, explore ideas, and interact with projects created by other users. When on the homepage, I am presented with a list of DIY projects posted by other users to explore. When I am logged in, I have the option to comment on projects or save them to my profile. When on my profile page, I see a list of saved projects that link me directly to the post, a list of projects I have posted, and a form to create a new project.

Features

When first visting the homepage, users can explore and view projects. They are also given the option to log in or sign up.

Video demonstration of homepage

Users can navigate to other users' profile pages via projects and comments.

Video demonstration of viewing users' profiles

When logged in, users can create new projects from the home page or from their profile page.

Video demonstration of creating new projects

Users can save other users' projects for easy reference. Links to saved projects can be found on the homepage (when logged in) and on the user's profile.

Video demonstration of saving projects

Technologies

  • React
  • JSX
  • CSS
  • Express.js
  • GraphQL
  • Mongoose
  • MongoDB
  • Node.js

Website

https://rocky-bayou-01919.herokuapp.com/

Installation

This program can be run through a browser using the above link to the deployed application. In order to run this program locally, follow the steps below:

  1. Clone the repo using git clone.
  2. Navigate to the root directory of the application in the terminal.
  3. Run npm install to download all necessary dependancies.
  4. Run npm run seed to seed data.
  5. Run npm run develop to compile the application and start the server.
  6. Navigate to http://localhost:3000 in your browser to view the application.
  7. To stop running the server and exit the application, type CTRL + C in the terminal.

Contributors

About

A full-stack application that allows users to share "do it yourself" crafts, explore other users' content, save DIY ideas for easy reference, and provide and receive feedback on projects.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 70.4%
  • CSS 26.7%
  • HTML 2.9%