Forked Twitter Open Source Website - Huy Nguyen
This repository contains a fork of the Twitter Open Source website (https://opensource.twitter.dev) built with Hugo. I'm collaborating with Andrew Pipo and Sam Winkelmann to work on this project to improve front-end/back-end functionalities, and animations throughout the web pages.
Current Status: Done
Forked from official repository on February 20th, 2024.
This site is built with hugo, using a custom built-in theme. Follow the standard instructions on the hugo website to install and run hugo. Just make sure to use hugo-extended, which has added support for Sass/SCSS stylesheets.
There are also some python scripts that run periodically to update some repo data.
Disclaimer:
This is a personal fork and not an official Twitter project.
- Searching for an open source project to work on
- Understanding the project we chose
- Setting up project details on GitHub
- Setting up development environment (had issues)
- Looking into the way to implement 'Home' button on top bar
- Searching for alignment/visual issues on various pages, including the projects and home tabs
- Fixing alignment/size of project cards
- Finished up the organization aspects of the project
- Discussion with the group about the project/final thoughts
- Spent time in class and outside of class to search open-source project that could be good for our team to develop.
- Spent time brainstorm issues/tasks we could address for this open-source website.
-
Spent time installing, setting up local development environment.
-
Identify which packages to install, applying YAGNI concept into practice (not to install unnecessary software/packages).
-
Document installing progress in .txt file to help teammates install in the same progress.
-
Handled the light-dark switch and added local storage to improve the website's appearance.
-
Pair-programming with Andrew to address the navigation bar on "Year in review" page.
-
Collaborated with the team to improve the outlook for Projects page including Project's search bar, project count when search bar is applied, and implement a filter board to display the specific projects that the programming language button applies.
-
Collaborated with the team to implement a Home button on the navigation bar for each page.
-
Reflecting the work that we've implemented for this project and consider any issues we could address.
-
Communicate back and forth on issues we developed to make sure we handled all the problems within.
-
Document everything we did including github links, tasks descriptions, build evidence, etc. for this open source projects.
-
Work with team to check if there are anything we missed along the way and specify what we need to put in for each report section.
- Brainstorming/Researching Project Selection and Issues
- Establishing Local Environment
Started on Update to reflect name change - Twitter to X #5
- Started on removing all instances of Twitter and replace with X within the text - content of the main, projects, and memberships pages
- Replaced the logo with the X logo in the header of the main, projects, and memberships pages
- Removed instances of @TwitterOSS twitter handle as that is no longer an active twitter/X account
- Changed instances of Twitter to X in the footer of the main, projects, and memberships pages
Started on Projects: Improve outlook of each project section #4
- Experimented with SCSS
- Implemented background color to each Project card, discovering inconsistencies with the layout
Continued on Update to reflect name change - Twitter to X #5
- Replace the twitter logo with the X logo in the Year In Review Page
- Continued to remove instances of @TwitterOSS twitter handle as that is no longer an active twitter/X account
- Replaced the .ico file from the twitter logo to the X logo
Continued on Projects: Improve outlook of each project section #4
- Adjusted layout of card to be more consistent
- Applied same style to all buttons/links within card
Implemented Projects: Display project counts next to Projects title #8
- Added counted below the title of the projects page
- Implemented JavaScript to count the number of project-cards to indicate total projects on page
Working on Final Report
Started on Projects: Project counts should be updated and associate to search bar #9
- Investigated current search bar integration on Project page
- Removed original counter and replaced with existing counter that displayed the number results after a search inquiry
- Currently developing to have it display total projects if search bar query is blank
Aided in Alignment/layout adjustments throughout website #7
- Fixed the home page layout to remove unneccesary spacing and remove dead links
- Centered the title/subtitles in the projects and membership pages
Implemented Add Navigation Bar to Year in Review Page #6
- Implemented the navigation bar that is found on the other pages to be consistent with the rest of the website
Implemented Main: Improve the 3 icons in Our Philosophy section #13
- Added animations to the icons on the main page under the Philosophy section
Reviewed proposed changes to Projects: Improve outlook of each project section #4
- Accepted incoming changes and proposed aligning everything to the center
Worked on Final Report
Started Main: Implement an animation for the .svg file in Explore Project section #16
- Testing animation to ensure understanding of what file is accepting the .svg file in question
- In progress: Developing the correct animation to ensure that the content is still visible next to the image
Reviewed proposed changes to Projects: Filter categories by border colors #15
- Approved incoming changes with suggestion to display the programming language associated with the color/border
- Suggestion to add an "All" button to revert the filtering and to adjust the spacing and style of the button to match more of the project cards
Worked on Final Report Updated Personal Contributions