{"id":23135371,"url":"https://github.com/mlh-fellowship/cturtles3-portfolio","last_synced_at":"2026-05-03T02:36:03.955Z","repository":{"id":48840047,"uuid":"374813279","full_name":"MLH-Fellowship/cturtles3-portfolio","owner":"MLH-Fellowship","description":"The portfolio website for Team Hawksbills of the C Turtles (Pod 3.3.0)!","archived":false,"fork":false,"pushed_at":"2021-07-09T03:47:27.000Z","size":31079,"stargazers_count":1,"open_issues_count":1,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-02T20:55:12.229Z","etag":null,"topics":["css","flask","html","mlh-fellowship","portfolio"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MLH-Fellowship.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-07T22:12:37.000Z","updated_at":"2021-06-14T22:08:10.000Z","dependencies_parsed_at":"2022-09-04T22:33:13.126Z","dependency_job_id":null,"html_url":"https://github.com/MLH-Fellowship/cturtles3-portfolio","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MLH-Fellowship%2Fcturtles3-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MLH-Fellowship%2Fcturtles3-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MLH-Fellowship%2Fcturtles3-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MLH-Fellowship%2Fcturtles3-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MLH-Fellowship","download_url":"https://codeload.github.com/MLH-Fellowship/cturtles3-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247143500,"owners_count":20890962,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","flask","html","mlh-fellowship","portfolio"],"created_at":"2024-12-17T12:15:03.631Z","updated_at":"2026-05-03T02:36:03.087Z","avatar_url":"https://github.com/MLH-Fellowship.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hawksbills-portfolio\nThe portfolio website for Team Hawksbills of the C Turtles (Pod 3.3.0)!\u003cbr /\u003e\nTo view our website, please follow instructions under \"Installation\" below.\n\n**Check it Out:** https://hawksbills.tech/\n\n## Inspiration 🐢\nThe theme of our website is inspired by our pod name, the C Turtles. To reflect this, we implemented a swimming turtle on the home screen to greet users when they visit our page.\n\n## What it does 🖥\nThe user-friendly interface introduces the members of our team, inviting users to get to know each member by clicking through the photos on the page. Each member has a profile page to showcase their personality,  interests, and recent projects.\n\n## How we built it 🛠\nTo collaborate, we used:\n - Git\n - Discord\n\nTo design the website, we used:\n - Figma\n\nTo build the website, we used:\n - Flask as the framework\n - HTML for the structure\n - CSS and Bootstrap for the styling\n\n## Challenges we ran into 😡\n - Using Flask, since our team had limited experience with it\n - Figuring out the quirks of CSS, and determining which tools and responsive layout patterns to use. Learning how to adopt a CSS framework was another challenge that we overcame.\n\n## Accomplishments that we're proud of 🌟\n - The collaboration amongst the team. We had pair programming sessions to merge our code and debug together.\n- Combining our different domains of knowledge and expertise to build a finished product. We were able to learn from each other and communicate effectively.\n- Putting together a website in a short timeframe, despite our limited experience with Flask and web development\n-  Familiarizing ourselves with Git and the Git workflow in order to apply its best practices\n\n## What we learned ✏️\n - Flask\n   - Routing\n   - The Jinja templating system\n   - How to pass in and use variables in our templates\n - Styling\n    - Implementing a video hero section\n    - Flexbox\n    - Bootstrap\n - Git/GitHub\n    - The importance and purpose of pull requests\n    - How to use issues and project board to manage our project\n    - Getting code reviews and feedback from our peers\n\n## What's next for the Hawksbills Portfolio 🚀\n - Taking inspiration from what we learned while making this portfolio and implementing that in our future portfolios\n - Improving the responsiveness of the website\n\n\n## Installation\nBelow explains how to install Flask in a virtual testing environment and create a simple Flask application only on on Linux and MacOS.\n### Prereq: **Make sure you have python3 and pip installed**\n\n## Step 1: Install Virtual Environment\nInstall virtualenv on MacOS\n1. Open the terminal.\n2. Install virtualenv on Mac using pip:\n\n ```\n sudo python2 -m pip install virtualenv\n ```\n \n## Step 2: Create an Environment in Linux and MacOS\nFor Python 3: To create a virtual environment for Python 3, use the venv module and give it a name:\n\n```\npython3 -m venv \u003cname of environment\u003e\n```\n\n### Step 3: Activate the Environment\nActivate the virtual environment before installing Flask. The name of the activated environment shows up in the CLI after activation.\nActivate the virtual environment in Linux and MacOS with:\n```\n. \u003cname of environment\u003e/bin/activate\n```\n### Step 4: Install Flask\nInstall Flask within the activated environment using pip(Flask is installed automatically with all the dependencies.):\n```\npip install Flask\n```\nUse the package manager pip to install all dependencies\n```\npip install -r requirements.txt\n```\n### Step 5: Test the Development Environment\nCreate a .env file using the example.env template\nStart flask development server\n```$ export FLASK_ENV=development\n$ flask run\n```\nFinally Copy and paste the address it’s running on into the browser to see our website.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmlh-fellowship%2Fcturtles3-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmlh-fellowship%2Fcturtles3-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmlh-fellowship%2Fcturtles3-portfolio/lists"}