Week 17: GitHub Pages Frontend

[Natalie-Beckwith]

Score: -/3

• Frontend project
• Backend project
• Team jobs (frontend, backend, scrum master, dev ops)

Group Member	Role	Link to FRQ	Agile Comment Link	Peer Grade
Natalie	Frontend	FRQ 1	LINK	2.7/3
Rohan	Backend	FRQ 4	LINK	2.7/3
Sophie	Scrum Master	FRQ 3	LINK	2.9/3
Vunsh	Dev Ops	FRQ 2	[LINK]()	2.5/3

---

Project Ideas

• School
• Nature/travel website (have different information about specific places, maybe information about national parks?)
• Sports teams
• History

• We will also have wireframes to decide what our final frontend is going to look like

---

Hacks

• [x] Setup Frontend for your Project, recommendation is to use Reunion project as a Template. Add Collaborators for your project. Start your project design by adding and removing items from the Template. Be thorough, do not leave Dog Hair laying around.
• [x] Review README for this project. These are considered things you NEED TO LEARN to progress with Frontend development. At Live review provide overview of the Following topics:
  • GitHub Pages, _config.yml, CNAME
  • Midnight theme and customizations to _layouts/default.html
  • Menu, customizations to _includes/home.html and support .md files
  • Gemfile, Jekyll build. and need for .gitignore after performing build
  • SASS, _assets/css/style.css and CSS customization within style.css for image layouts
  • _site directory, build files versus versioned controlled files
• [x] Setup Issues for each Team Member that are related to preparing overview of topics and decisions you make as a team. In review ticket, show that each person in Project Team has completed issues, contributed to the project, and produced content for live review.
• [x] At Live Review each person needs to show that they can run project locally.
• [x] Show running Team Project at live review.

[Natalie-Beckwith]

2.7/3

Commits

• We got our backend deployed very late
• I tried to use the local host as the backend temporarily, but the frontend request kept getting cancelled by CORS
• There are times when it works but it's random
• I redid the code and it seems to work, but it won't run because the deployed backend is restricted on school wifi

• Here is the frontend currently:

---

• I was able to run our frontend project locally using jekyll

---

• I also did styling with SCSS
• I changed the midnight theme
• I changed the colors, fonts, and I added a background image

Frontend site

[ghost]

Sophie Park Tangibles

Self Grade 2.9/3

Frontend page:

Backend page:

I ran into a CORS issue and had to fix it by allowing all origins in the backend (see Main.java below) changing the headers of the request in the frontend.

Commits List

Additional notes:

• I deployed
• Fixed several server-side errors (notably including CORS)
• Considerable contributions to FRQ1 and FRQ4
• URL-encoded FRQ3 after realizing that non-ascii characters could get lost in or break the API if unencoded

[vunsh]

2.5/3

Deployment was my responsibility, but I wasn't able to do it due to multiple factors, which brought down the group.

FRQ 2 implementation

Several features of FRQ 2: Ability to view a profile with email/password, ability to make a profile.

Includes checks for duplicate accounts, correct information, etc. After making a profile, sends you to view profile page with correct information filled in:

All code is broken down into functions, including functions for displaying html elements, converting data (cm to feet/inches, etc) and making requests to the api.

[evmyclipz]

2.7/3

• I did FRQ 4 and noticed problems with the backend toString method and changed it to suit json more

• After fixing the api, I asked sophie to deploy again and she was nice to do it eve though it was late at night

  

• This is how the data shows up now