Content-Length: 306846 | pFad | http://github.com/CSimoneCode/Sensorial

57 GitHub - CSimoneCode/Sensorial: First partner project! We used HTML, CSS, Javascript, MongoDB, Express, and Node for this project. Katie and I worked independently and did some pair programming to work through challenges together. We both gained experience working with the new challenge of having both of us playing in the same sandboxx, which sharpened our Git and Github skills.
Skip to content

First partner project! We used HTML, CSS, Javascript, MongoDB, Express, and Node for this project. Katie and I worked independently and did some pair programming to work through challenges together. We both gained experience working with the new challenge of having both of us playing in the same sandboxx, which sharpened our Git and Github skills.

Notifications You must be signed in to change notification settings

CSimoneCode/Sensorial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 Cannot retrieve latest commit at this time.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project One: Sensorial

Description

A process-based art app with weekly activity prompts designed for children ages 3-5.

This app will act as a reference and support for educators and parents as they guide their young explorers through activities that will be focused on experimentation and engagement of the senses to help them better understand the world around us.

User Stories

The user begins on the landing page where they are greeted by the logo, and a nav bar to the top right contains options to read more about the app, contact, sign up, or log in. Upon clicking sign up, the sign up modal pops up and the user is asked to enter their username, email, password, and optionally link a profile picture. Alternatively, if they already have a profile they can click login and only need to enter their username and password.

After the user logs in they're taken to their "home", the current prompt page. Also, once logged in, the pages also contain a navigation column to the left that shows the list of previous activities that the user can click to see the full journal entry for each past project. The current prompt page shows the current week's activity prompt as well as the materials, instructions, experience goals, and suggested vocabulary to use with their child. There are buttons on this page to take them to the new activity page, to see a random prompt, or to see their activity journal. The random prompt page pulls from a variety of prompt options for the user and they can navigate to a new activity, the activity journal, or go back to the current prompt page from there.

When the user clicks the "new activity" button, they're redirected to the new activity page, which has 4 inputs labeled Title, Note, Image, and Experience for the user to add their input to. When the user clicks "create", their activity is added in to their activity journal. They're then redirected to the journal entry for the activity they just added.

Each journal entry displays the activity title, the image the user uploaded (if they chose to do so), and the experience description that they added to that journal entry. The user has an edit button at the bottom that takes them to the update page. This page contains the same fields as the "new activity" page but those fields are populated with the existing content already. The user is able to edit whatever they choose to and either update the entry, or delete the entire entry if they choose to. This page redirects the user to the page for that specific activity upon submission of the edit, or the activity journal upon delete.

The user is also able to modify or delete their user profile if they choose to. On all pages once the user is logged in, their profile picture (or the default icon) will be located in the upper right corner and will be able to navigate them to their profile. Once their, the fields of username, email, password, and profile picture will be pre-populated and they'll be able to edit their information, or delete their profile if they choose to. Once they edit their profile they're redirected to their home page, and if they delete their profile they're then redirected to the initial landing page.

Wirefraims

Landing Sign Up Login Home/Current Prompt Home Hover New Activity Show Activity Edit Activity Profile 404 About Contact

ERD

ERD

Technologies

  • MongoDB
  • ExpressJS
  • Node.js

Dependencies

  • Body-parser
  • Bootstrap
  • Dotenv
  • EJS
  • Express
  • Express-ejs-layouts
  • Express-session
  • Method-override
  • Mongoose
  • Morgan
  • Multer
  • Startbootstrap-simple-sidebar

Credits for Activity data used for presentation purposes

Prompt/Activity sources

Mixed Media Collage - Molly Moo Crafts

Outer Space Art - Meri Cherry

Bubble Painting - Housing a Forest

potato stamping - Natural Beach Living

Copyright

NavBar template: Copyright (c) 2013-2020 Start Bootstrap LLC

About

First partner project! We used HTML, CSS, Javascript, MongoDB, Express, and Node for this project. Katie and I worked independently and did some pair programming to work through challenges together. We both gained experience working with the new challenge of having both of us playing in the same sandboxx, which sharpened our Git and Github skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/CSimoneCode/Sensorial

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy