Giter Club home page Giter Club logo

binarybeasts-frontend's Introduction

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Contributing
  5. License
  6. Contact
  7. Acknowledgments

About The Project

image

Welcome to Friendlee! We want to help you make friends with ease.

Here's why:

  • Everyone deserves to make friends and have someone to rely one.
  • Friends are essential to building relationships and learning communication skills.
  • We want you to be happy ๐Ÿ˜„

Thanks to everyone who visits our website!

(back to top)

Main Features

  • Some of our main features are a quote database that displays quotes to encourage users to stay on our website.
  • We also have a database for people that use our website that displays the basic information about everyone on our website. This is to ecnourage people to visit the website and easy access of getting to know everyone on the website.

(back to top)

binarybeasts-frontend's People

Contributors

b-g101 avatar deimie avatar ftc13184-sk avatar calissat avatar

binarybeasts-frontend's Issues

66 Question CollegeBoard

Calissa (Score: 0.9):

Screen Shot 2023-01-22 at 6 04 39 PM


Blog: Link

Test Corrections/Reflection:

Most of the questions I missed were from unit 3, which was about Boolean expressions and if statements. I need to improve my understanding of De Morgan's law, and I think what's confusing me is when there are lots of operators.

Since I struggle with unit 3, I should probably watch the College Board videos on that unit


Example Problems I Got Wrong:

Q4 Q13
Screen Shot 2023-01-22 at 6 14 13 PM Screen Shot 2023-01-22 at 6 14 46 PM

Bria: (Score: 0.9/1):

Screenshot 2023-01-22 at 3 59 00 PM

Blog:


Shraddha (Score: 0.9/1):

Quiz Blog

Evan (Score .9):

Screen Shot 2023-01-23 at 10 09 41 AM

Blog: Link

The questions I missed didn't really pertain to any one unit or concept, but were mostly just careless mistakes.

Shraddha Individual Review Ticket

Personal Work:

Links:
Backend Deployment
Frontend Deployment
Blog

Reflection:
Overall, while I excelled in the frontend part of our website, I had a lot of trouble with working on the notes database. Because we ran into a lot of trouble with our backend when we all tried to edit and push at once, I decided to test locally using the resources Mr. M provided to try to get the notes database connected to the person database. This was especially difficult for me because I hadn't had much experience doing backend to frontend work so I was grateful for the opportunity to try it out. After making the frontend and writing the original code, I made a tester method and made text methods like Mr. M had on his original website but got a lot of errors. I think I actually learned a lot through coding and debugging and testing on postman even though I wasn't able to get the final product to work. Bria and I eventually decided it was easier to connect it directly to the person when adding a person to the database, listing the pros and cons of each person.

Week 20 Live Review

Week 20 Review Ticket

Progress on Project

  • Made friendship squares on homepage + pictures + descriptions for each characteristic
  • Worked on database backend and establishing the security roles in our project
  • Worked on JWT and cards page
  • Worked on HTML login/signup form

Quiz Scores

Bria Gilliam Final Project Individual Review Ticket 2/27

Personal Work:

Total: 19.5/20

5/5
Night at the Museum Capture The Moment and Reflection!
- Presented at Night at the Museum

9.5/10
Live Review with Student Crossover
- Frontend to backend connection
- Create Operations UI
- Read Operations UI
- Update Operations UI
- Delete in the table
- Requires log in and authentication
- Login in Page

5/5
Silent Review
Runtime Links:
- Frontend
- Backend
Blog, Guides for review

Github Analytics:
Commits Backend
Analytics Backend
Commits Frontend
Analytics Backend

Full Stack (all completed by me :) )!
- Frontend Quotes
- Random selects quote from backend list using fetch and displays it to the front page
- image
- Backend Quotes
- Backend Quotes API Controller
- Evidence of my Creation and Edits of Quotes and Person

- Frontend Database for person
- Storing information about each person
- image
- Front end cards for person
- Randomly selects the person from backend list using fetch and allows them to like and dislike them
- image
- Backend person

Evan Review Ticket

Links:
Backend Deployment
Frontend Deployment

Full Stack and Accomplishments

Full Stack

My full stack for this trimester was working on frontend templating while managing our deployment and working with Sqlite. I initially reworked an online jekyll template I found online to work for our site, and organized our pages largely using liquid. I created a login/signup form which, I initially tried to connect to our backend using PHP. I ultimately failed at this, as I did not understand PHP very well and our backend was already built on Spring. I later helped out with Sqlite and cleaned up extra tables we initially had and created a new table for the Person category. Lastly, I was the DevOps and I created and booted our deployed backend. I encountered lots of issues with git improperly pushing/pulling data, but I eventually figured out more of a system to avoid git conflicts (which are a massive pain to deal with in console as opposed to GUI).

Technical Learnings

The main things I learned this trimester were:

  • A solid understanding of liquid application and syntax
  • Sqlite system understanding as well as basic syntax
  • HTML forms and sending data to backend systems using them
  • Better understanding of bootstrap CSS and JS

Ideate and Wireframe

Score: 1.75/2

Score: 2.65/3

66 Question Quiz

Friendlee

Frontend Link (in the works)

Canva Link (wireframe of site)

Concept: A dating app for making friends

Main features:

  • Friend quote API

Screen Shot 2023-01-19 at 10 13 46 AM

  • Login and Signup

Screen Shot 2023-01-19 at 10 12 44 AM

  • User database (friends list)

Screen Shot 2023-01-19 at 10 12 56 AM

  • Ability to note information about friends

Screen Shot 2023-01-19 at 10 13 14 AM

  • Adding or denying potential friends

Screen Shot 2023-01-19 at 10 13 23 AM

Collaboration:

  • Use (scrumboard)[https://github.com/users/deimie/projects/2] to organize assignments
  • Communicate and work as team
  • Potentially sharing an API/database with team 8

2/9 Peer Grading - Soren Zhuang

Graded By - Evan Sanchez

Graded - Soren Zhuang

Score: 0/1


  • Demonstrated ability to create dynamic frontend UI, however deliverables were not complete.
  • Working on spring backend, but encountered issues and implementation is incomplete

Peer/Team Review 2-27

Live Peer Review Scores

Calissa: 18/20
Shraddha: 18.5/20
Bria: 18.5/20
Evan: 18.5/20

Tangibles are linked below along with commits and individual review tickets.

N@TM

Capture the Moment

Silent Review

README
Team Reflection/Blog
Frontend Deployment
Backend Deployment

Calissa:

Individual Review Ticket

Live Review Score: 18/20

Self Vidhi Riya Average
Capture the Moment 1/1 1/1 1/1 1/1
N@TM Attendance 1/1 1/1 1/1 1/1
Data Validation 1/1 1/1 1/1 1/1
Frontend Create/Read 1/1 1/1 1/1 1/1
Frontend Update/Delete 1/1 1/1 1/1 1/1
JWT 0/1 0.5/1 0.5/1 0.3/1
Database GET/POST Methods 1/1 1/1 1/1 1/1
Database Create/Read 1/1 1/1 1/1 1/1
Comments/POJO 1/1 1/1 1/1 1/1
Deployment 1/1 1/1 1/1 1/1
API Controller 1/1 1/1 1/1 1/1
Purpose/Theme/Quality 1/1 1/1 1/1 1/1
Video 0/0.5 0/0.5 0/0.5 0/0.5
Runtime Links 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
README 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
Team Reflection/Blog 0.5/0.5 1/1 1/1 1/1
Team Fullstack 1/1 1/1 0.5/1 0.8/1
Individual Review Ticket 1/1 1/1 1/1 1/1
Blog 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
GitHub Analytics 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5

Shraddha

Individual Review Ticket

Live Review Score: 18.5/20

Self Vidhi Riya Average
Capture the Moment 1/1 1/1 1/1 1/1
N@TM Attendance 1/1 1/1 1/1 1/1
Data Validation 1/1 1/1 1/1 1/1
Frontend Create/Read 1/1 1/1 1/1 1/1
Frontend Update/Delete 1/1 1/1 1/1 1/1
JWT 0.5/1 0.5/1 0.5/1 0.5/1
Database GET/POST Methods 1/1 1/1 1/1 1/1
Database Create/Read 1/1 1/1 1/1 1/1
Comments/POJO 1/1 1/1 1/1 1/1
Deployment 1/1 1/1 1/1 1/1
API Controller 1/1 1/1 1/1 1/1
Purpose/Theme/Quality 1/1 1/1 1/1 1/1
Video 0/0.5 0/0.5 0/0.5 0/0.5
Runtime Links 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
README 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
Team Reflection/Blog 0.5/0.5 1/1 1/1 1/1
Team Fullstack 1/1 1/1 0.5/1 0.8/1
Individual Review Ticket 1/1 1/1 1/1 1/1
Blog 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
GitHub Analytics 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5

Bria:

Individual Review Ticket

Live Review Score: 18.5/20

Self Vidhi Riya Average
Capture the Moment 1/1 1/1 1/1 1/1
N@TM Attendance 1/1 1/1 1/1 1/1
Data Validation 1/1 1/1 1/1 1/1
Frontend Create/Read 1/1 1/1 1/1 1/1
Frontend Update/Delete 1/1 1/1 1/1 1/1
JWT 0.5/1 0.5/1 0.5/1 0.5/1
Database GET/POST Methods 1/1 1/1 1/1 1/1
Database Create/Read 1/1 1/1 1/1 1/1
Comments/POJO 1/1 1/1 1/1 1/1
Deployment 1/1 1/1 1/1 1/1
API Controller 1/1 1/1 1/1 1/1
Purpose/Theme/Quality 1/1 1/1 1/1 1/1
Video 0/0.5 0/0.5 0/0.5 0/0.5
Runtime Links 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
README 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
Team Reflection/Blog 0.5/0.5 1/1 1/1 1/1
Team Fullstack 1/1 1/1 0.5/1 0.8/1
Individual Review Ticket 1/1 1/1 1/1 1/1
Blog 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
GitHub Analytics 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5

Evan:

Individual Review Ticket

Live Review Score: 18.5/20

Self Vidhi Riya Average
Capture the Moment 1/1 1/1 1/1 1/1
N@TM Attendance 1/1 1/1 1/1 1/1
Data Validation 1/1 1/1 1/1 1/1
Frontend Create/Read 1/1 1/1 1/1 1/1
Frontend Update/Delete 1/1 1/1 1/1 1/1
JWT 0.5/1 0.5/1 0.5/1 0.5/1
Database GET/POST Methods 1/1 1/1 1/1 1/1
Database Create/Read 1/1 1/1 1/1 1/1
Comments/POJO 1/1 1/1 1/1 1/1
Deployment 1/1 1/1 1/1 1/1
API Controller 1/1 1/1 1/1 1/1
Purpose/Theme/Quality 1/1 1/1 1/1 1/1
Video 0/0.5 0/0.5 0/0.5 0/0.5
Runtime Links 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
README 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
Team Reflection/Blog 0.5/0.5 1/1 1/1 1/1
Team Fullstack 1/1 1/1 0.5/1 0.8/1
Individual Review Ticket 1/1 1/1 1/1 1/1
Blog 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5
GitHub Analytics 0.5/0.5 0.5/0.5 0.5/0.5 0.5/0.5

Capture the Moment!

Screen Shot 2023-02-27 at 10 11 57 AM

Our very amazing group! Calissa was very dedicated and left in the middle of her practice to be here


Screen Shot 2023-02-27 at 10 11 53 AM

Website is so cool that a bunch of people came >:)


image

Bria and Shraddha venturing to see the sexy ceramics projects

Reflection: We got a lot of real life experience having to talk about computer science and database items to people who don't know any technical terms. We also learned more about different presenting tactics and methods for describing our code best. We also got some good ideas of possible features to add to our website to make it more user friendly. We got a good idea of what grade we would get on the final and got inspired by other groups of new features to add.

Something else that was nice about the presentations was getting positive feedback from people. People really liked our color scheme and the features that we did have currently on the website. They liked the concept of our website, and generally wanted to know more. This indicates to us that we picked a good topic for our website.

Additionally we went to see a lot of other art classes and what they created. This was exciting seeing other art classes and what they do. There are a lot of creative people at Del Norte.

2/9 Peer Grading - Calissa and Iris

Calissa: 0/1

  • Working on JWT and Security
  • Good UI
  • Nothing really works yet

Iris: 0/1

  • Nice looking database
  • UI is pretty cool
  • Demonstrated it partially working on Postman

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.