DEV Community: Alexander Clemens

Latest Hacktoberfest Project Features & Thank You Contributors

Alexander Clemens — Wed, 04 Oct 2023 17:31:35 +0000

This write-up is directly from my LinkedIn post to provide an update on features and contributors to the Before I Die Code open-source project.

This week, contributors from six different countries around the globe 🗺️ collaborated on the React ⚛️ open-source project Before I Die Code, showcasing the power of teamwork and cooperation from various regions.

GitHub Before I Die Code Repo

Star ⭐️ the repo and fork 🍴 today! Get involved in open source and experience the benefits of collaboration and learning. Let’s continue sharing our dreams and aspirations. I wish you a fantastic rest of your work week!

👏🏻 Thanking the following contributors for enhancing the Before I Die Code this past week.

👨‍💻Meet Thakur from Aligarh, India 🇮🇳. His statement before he dies is to give his parents what they deserve. Additionally, he helped translate the text Before I Die into seven more languages that will be displayed depending on where a user’s IP address is.

👨‍💻 Wilbert Machuca from Orlando, Florida, USA 🇺🇸. His statement is to move back to Puerto Rico 🇵🇷 and have a little farm that produces Coffee and a shop. Wepa!

👨‍💻Tal Zigelnik from Yehud, Israel 🇮🇱. His before-he-dies statement is to go Scuba diving with a whale shark. Additionally, he has assisted in enhancing the RandomContributor components displayed on the site and identifying and creating code to indicate seven languages that should be read from right to left when translating “Before I Die…”.

👨‍💻Angel Soto from Brandon, Florida, USA 🇺🇸 For adding a scroll to the top button and created a toggle button to assist with the UI enhancement of the random contributor component.

👨‍💻Jack Aba from Nicosia, Cyprus 🇨🇾. His statement is to inspire and provide free tech-related education to knowledge-starved individuals globally.

👨‍💻Abbas Zaidi from Lucknow, India 🇮🇳. His before I die statement is to visit New York.

👨‍💻Aditya Nagalwade from Nagpur, India 🇮🇳. His before I die statement is to travel the whole world on a big ship.

👨‍💻Muhammad Tatmainnul Quluub Tatma from Yogyakarta, Indonesia 🇮🇩. His before I die statement is to have a house in the countryside with beautiful views and is far from the hustle and bustle of the city.

👨‍💻 Olayinka Koleaje from Lagos, Nigeria 🇳🇬. His before I die statement is to improve himself each day and help others positively do the same.

👨‍💻Samejima from Philadelphia, Pennsylvania, USA 🇺🇸. His before I die statement is to improve his community through computer science. Additionally, Samejima assisted with creating a contributor button to take users to our Contributors page.

Before I Die code is the perfect opportunity to participate in #Hacktoberfest2023, and we welcome all eager contributors.

opensource #opensourceproject #goodfirstissue #firstpullrequest

Gratitude Unleashed: Celebrating a Week of Stellar Contributions to Before I Die Code

Alexander Clemens — Wed, 27 Sep 2023 21:26:00 +0000

The following comes from my LinkedIn post to document the contributors to my open-source project, Before I Die Code.

Another week of contributor’s assistance from around the world 🗺️ in the Open Source project Before I Die Code.

GitHub Before I Die Code Repo

Star ⭐️ the repo and fork 🍴 to get involved in open source today! Let’s keep sharing our dreams 🌅. Have a great rest of your work week!

👏🏻 I am happy to thank the following contributors for enhancing the Before I Die Code this past week.

👨‍💻Daniel Barker from Arlington, Virginia, USA 🇺🇸 His statement is to travel the states with my dog and bring him to every dog park and trail he can find until his time comes to an end. He’s been his best friend for eight years and he wants to make sure he has the best life possible.

👨‍💻Sherif Amer from Brooklyn, New York, USA 🇺🇸 His before he dies statement is to get a van and travel across the states. Additionally, Shrief assisted with code cleanup, bringing to the attention how the Arabic language is written from right to left and adding into the translated Arabic code this fix and additionally adding a location map feature to display contributor’s locations using Google Maps Javascript API and geocoding API. Much appreciated, and great work on execting this feature to MVP.

👩‍💻Momina Rezai from Baku, Azerbaijan 🇦🇿 Her before I die statement is to open a coffee shop with a tech-related theme. Additionally, she is helping with language translation for the IP address changes.

👨‍💻Meet Thakur from Aligarh, India, for his assistance in helping translate the text before I die into 49 other languages that will then be displayed depending on where a user’s IP address is in the world.

A big shoutout to front-end developer 👩‍💻Negar Nasiri from Lisbon, Portugal 🇵🇹 for her huge enhancement to the header section of the website and for adding dynamic design to the website. I am very grateful for her time in researching and adding this enhancement to the site, which will continue to grow in creativity and UI enhancement.

👨‍💻Nawaraj Karki from Dharan, Nepal🇳🇵 for enhancing the contributor guidelines documentation.

👨‍💻Yordan Trivada Bian from Bekasi, Indonesia 🇮🇩 assisted with translating the documentation into Arabic.

👨‍💻Angel Soto from Brandon, Florida, for helping add a Random generator feature to thank our contributors.

👨‍💻Simardeep Singh from Calgary, Canada 🇨🇦 for adding the docker file and YAML capability and making it so the code can now be set up in your local dev server by running docker compose up.

👨‍💻Marciano Ngaaiman from Roosendaal, Netherlands 🇳🇱 for creating the project’s first React Router path to display a contributors page with randomized colors and linking it to contributors’ GitHub profiles.

Thank you all for helping Before I Die Code 🚀 grow this week. This is the perfect project to get involved with #Hacktoberfest2023, and we welcome all eager contributors to contribute to the open-source community and grow a meaningful project.

Before I Die Code: Week 5 Highlights and Shoutouts to Our Contributors from this week

Alexander Clemens — Tue, 19 Sep 2023 13:38:08 +0000

I am thrilled once again to thank all the contributors to my open-source project, Before I Die Code 🚀, in video format for week number 5️⃣ of the project being live. Before I Die, Code is a React ⚛️ open-source project where developers share what they want to do before they die and learn the git workflow for contributing to open-source projects.

👉 Before I Die Code GitHub Repository

I want to thank the following contributors from week five for sharing their die statements:

👨‍💻Angel Soto from Brandon, Florida, USA 🇺🇸 His statement is to learn a new language and travel the world.
Additionally, Angel contributed to the UI enhancement by helping to adjust the presentation of the contirbutors text.

👨‍💻 Shivam Gupta from New Delhi, India 🇮🇳 His statement is to help people as much as he possibly can.

👨‍💻Marciano Ngasiman from Roosendaal, Netherlands 🇳🇱His before he dies statement is to have his own private jet and live a stress-free life.

👨‍💻 Riyad Karim from Rajshahi, Bangladesh 🇧🇩 His statement is to visit Mecca and give greetings to the Prophet Muhammad.

👩‍💻Christine Belzie from Middletown, New York, USA 🇺🇸 Her statement is to master the coding language Javascript.

Additionally, @cbid2 has been helpful with further adding to the documentation in the CONTRIBUTION-GUIDELINES.md and creating templates for contributors to write more effective and transparent pull requests when creating issues. I’m very grateful for her support and feedback for advancing the project and making it more helpful for new developers.

👨‍💻Sahil Kaler from Punjab, India 🇮🇳his statement is to go skydiving and travel the world.

Additionally, our recurring contributor⬇️

👨‍💻 Chu Seng Yong from Sarawak, Malaysia 🇲🇾, assisted in adding UI enhancement by contributor profile image to appear when a user is reading a contributor text and viewing images enlarged

Thank you all for helping Before I Die Code 🚀 grow this week, and those who successfully completed their first pull request on an open-source project! Together, we are continually building out this project to be one of the top destinations new developers go to when first learning how to get involved in open-source projects meaningfully.

👉 Before I Die Code GitHub Repository

We welcome contributions to improve UI, tech stack, documentation and continually add value for current and future developers.

Star ⭐️ the repo and fork 🍴 to get involved in open source! Let's keep sharing our dreams 🌅. Thank you for watching, and have a great rest of your week! 😊Ciao!

Before I Die Code: Week 4 Highlights and Shoutouts to Our Contributors

Alexander Clemens — Tue, 12 Sep 2023 19:45:24 +0000

Hello everyone! 👋 Xander Clemens here, and I am excited to thank all the contributors to my open-source project, Before I Die Code 🚀, in video format after the fourth week of being live. Before I Die, Code is a React ⚛️ open-source project where developers share what they want to do before they die.

👉 Before I Die Code GitHub Repository: https://github.com/BeforeIDieCode/BeforeIDieAchievements

I want to thank the following contributors from week four:

I would like to acknowledge the outstanding contribution of Negar Nasiri from Lisbon, Portugal 🇵🇹 for enhancing the UI. She changed the text of “contributions before I die” statements to chalk and added a chalkboard to the UI interface to resemble the Before I Die Wall project. She also constructed a React component to randomize the colors displayed whenever a user clicks on a contributor’s image. In addition, she added six languages that will automatically translate the text “Before I Die” based on the user’s IP address. I am highly grateful for Negar’s enthusiasm, work, and React and front-end design knowledge.

👨‍💻SangJune Lee from Seoul, South Korea 🇰🇷 His statement is to become an impactful person who can bring changes to this world.

👨‍💻Juan Tomás Arrativel from Gualeguay, Argentina 🇦🇷 His statement is to become a motocross champion in his country.

👨‍💻Ben Tracy from Charlottesville, Virginia, USA 🇺🇸 His statement is to see and sleep under the Northern Lights.

👨‍💻Varun Patodia from India 🇮🇳 His statement is to go trekking in all the places in India before he dies. Additionally, Varun translated a document to Hindi for Before I Die Code.

👨‍💻 Dinesh Anbazhagan from India 🇮🇳 His statement describes how he has always been fascinated by computers and technology. He wants to become a software developer and feed his hunger for technology. If he can contribute something significant to open-source software, that is an added benefit he will take any day.

👨‍💻 Zhang Zhao from Bejing, China 🇨🇳 His statement is 1. Living by the water, with mountains and snow 2. Forgetting all worldly matters, leading a tranquil life, and being accompanied by family. 3. Making a small contribution to improve people’s lives in leisurely times.

Additionally, Zhang Zhao contributed to translating all the documentation into Mandarin. Thank you, Zhang!

👨‍💻 Simardeep Singh from Calgary, Alberta, Canada 🇨🇦 His statement is to release his rap album before he dies.

👨‍💻Lucas Firmo from Brazil 🇧🇷 For translating all the documentation into French!

Thank you all for helping Before I Die Code 🚀 grow this week!

👉 Before I Die Code GitHub Repository: https://github.com/BeforeIDieCode/BeforeIDieAchievements

We welcome contributions to improve UI, tech stack, and more.

Star ⭐️ the repo and fork 🍴 to get involved in open source! Let’s keep sharing our dreams 🌅. Thank you for reading, and have a rest of your great week! 😊

Before I Die Code: Week 3 Roundup and Gratitude for Our Open Source Contributors

Alexander Clemens — Mon, 04 Sep 2023 18:16:43 +0000

Hello everyone! 👋 Xander Clemens here, and I am thrilled to thank all the contributors to my open-source project, Before I Die Code 🚀, in video format after the third week of being live. Before I Die, Code is a React ⚛️ open-source project where developers share what they want to do before they die. Check out the repo in the description of this video.

👉 Before I Die Code GitHub Repository

I want to thank the following contributors from week three:

👨‍💻Tyler Celestin 🇺🇸 from Brooklyn, New York, USA. His Before I Die statement is to sincerely appreciate great design and aesthetics. In that same vein, he would cherish the opportunity to travel to vistas that exhibit careful and detailed architecture that is synergistic with their cultural and environmental surroundings. One of those places is, of course, Japan, which is renowned for its talented engineers and attention to green practices. One of his dreams is to work in the field of design, or potentially civil engineering, if possible.

Thank you, Tyler, for sharing your thoughtful statement and adding feedback and suggestions on enhancing the Before I Die Code.

👩‍💻 Negar-Nasiri from Lisbon, Portugal 🇵🇹. Her before I die statement is about owning her own business, generating income, creating numerous job opportunities for others, and leaving a significant mark on the world.

Additionally, Negar has contributed her design and front-in skills to enhance the UI of Before I Die and add a randomized color function when viewing contributors’ Before I Die text contributions.

Next, Hanny Jngra from Mahendragarh, Haryana, India🇮🇳. His statement is to write a science fiction and romantic novel before he dies.

Additional assistance this week has come from Jyoti Pal of Hyderabad, Telangana, India 🇮🇳 for beginning work to create a random generator React component that displays on the webpage to thank the project’s Contributors.

Additional work-in-progress contribution is coming from EniacTNB of Beging, China, and Lucas Firmo of Campo Mourão, Paraná, Brazil, for translating documentation for the Before I Die Code into Mandarin and French.

Lastly, Luciano Juarez Sanchez, again from the previous week’s contribution, has contributed further by helping to assist with the layout of all the translated README documents with displayed language flags to assist in reading our documentation in another language.

Thank you all for helping Before I Die Code 🚀 grow this week! Together, we continually build out this project to be one of the top destinations new developers go to when first learning about how to get involved in open source projects and, in the process, learn the git workflow and define for themselves time to think and share with yourself and others what it is you want to do before you die. If you want to learn more about this project, you can read the documentation of this project in the repo and also visit beforeidieproject.com to see a source of inspiration for this open-source project.

👉 Before I Die Code GitHub Repository

We welcome contributions to improve UI, tech stack, and continually adding value for developers.
Star ⭐️ the repo and fork 🍴 to get involved in open source! Let’s keep sharing dreams 🌅. Thanks for watching, and have a great week! 😊

👉 Before I Die Code GitHub Repository

Thank you to the Contributors of Before I Die Code week # 2

Alexander Clemens — Tue, 29 Aug 2023 19:26:58 +0000

Hello everyone! 👋 Xander Clemens here, and I am thrilled to thank all the contributors to my open source project, Before I Die Code 🚀, in video format after the second week of being live. Before I Die Code is a React ⚛️ open-source project where developers share what they want to do before they die.

👉 Before I Die Code GitHub Repository

I would like to thank the following contributors from week two:

👨‍💻 Alandis Ayupov 🇺🇸 from Edison, New Jersey, USA wants to play airsoft before he dies.

👨‍💻 Chu Seng Yong 🇲🇾 from Sarawak, Malaysia wants to retire in New Zealand with his love.

👨‍💻 Kenneth Quiggins 🇺🇸 from Louisville, Kentucky, USA wants to become a remote Software Developer to support his family.

👨‍💻 João Guilherme Camarota 🇧🇷 from Goiânia, Brazil wants to go skydiving.

👨‍💻 Luciano Sanchez Juarez 🇲🇽 from Puebla, Mexico wants to visit as many countries as possible.

This week, we had 5 merge requests from 4 continents sharing dreams! 🌎 In addition, issues solved by:

👨‍💻 Ranjeet Jena 🇮🇳 from Odisha, India (UI enhancement)

👨‍💻 Chu Seng Yong 🇲🇾 from Sarawak, Malaysia (UI and mobile responsiveness)

👨‍💻 Viktorius Suwandi 🇮🇩 from Banten, Indonesia (README updates)

👨‍💻 Shivesh Vijay 🇮🇳 from Rajasthan, India (Hindi translation)

👨‍💻 Luciano Sanchez Juarez 🇲🇽 from Puebla, Mexico (Spanish translation & docs)

Thank you all for helping Before I Die Code 🚀 grow this week! Together we can share dreams 💭 and help developers contribute to open source.

We welcome contributions to improve UI, tech stack, and value for developers. A goal is translating docs into top 6 languages (English ✅, Mandarin, Hindi, Spanish ✅, French, Arabic).

Star ⭐️ the repo and fork 🍴 to get involved in open source! Let's keep sharing dreams 🌅. Thanks for watching and have a great week! 😊

👉 Before I Die Code GitHub Repository

Celebrating the First Week of Contributors to Before I Die Code 👏🏻

Alexander Clemens — Wed, 23 Aug 2023 22:35:53 +0000

Hi everyone! 🎉 I’m excited to thank my contributors to my open source project Before I Die Code 🙌 in video format💪🏻, where developers share what they want to do before they die.

👉 Before I Die Open Source Repository

The contributors from the first week of the project being live are as follows:
👨‍💻 Artis Lotko from Riga, Latvia
His before he dies statement is to emigrate to New Zealand 🇳🇿

👩‍💻 Addie Lopshire-Bratt
From Denver, Colorado 🇺🇸
Her, before I die statement, is to live in Amsterdam and explore the Netherlands and Europe. 🇳🇱🇪🇺

👨‍💻 George Halterman from California USA
His before I die statement is to do every 4 star hike in Yosemite and live in the Eastern Sierras of California. 🏞️

And last...

👨‍💻 Sahil Chalke from Mumbai, India 🇮🇳
His before he dies statement is to spend time in the beautiful Maldives. 🏝️

Thank you Artis, Addie Lopshire-Bratt, George Halterman, and Sahil Chalke for contributing this week to the growth of Before I Die Code 🚀.

Together, we can share and reflect on what we are doing in life, while helping developers learn to contribute with Git flow and co-contribute to open-source projects. We will be adding more open issues to Before I Die Code to give more opportunities to evolve and improve the user interface, technology stack, and value creation of the project for the developer community.

👉 I encourage you to check out the Before I Die Code repository link in this post, star the repository, and fork🍴 it to contribute to the growth of this project.

Thank you for your time, and have a great rest of your week! 😊

💡 Discover Your Life Goals and Make Your First Open Source Contribution with Before I Die Code 🚀

Alexander Clemens — Fri, 18 Aug 2023 21:43:10 +0000

Sitting with hospice patients in Altamonte Springs, Florida, in their final moments profoundly changed my perspective on life when I was 23. During my training, we did an exercise where we wrote our bucket lists and shared them aloud. As we went around the room, I realized that whether you’re 25 or 95, we all have dreams we long to fulfill before our time is up.

My bucket list from 2017 and when I was a volunteer at Hospice of the Comforter in Altamonte Springs, Florida.

In those quiet spaces holding the hands of the dying, I witnessed the stirring of long-forgotten hopes and regrets over paths not taken. It became clear just how precious each moment is and how crucial it is to live deliberately.

Comforting hands at a hospice care unit.

After asking friends and strangers what they want to do before they die, I was amazed by the diversity and depth of their answers. Some wanted to fall in love❤️, others to witness a glacier🧊. Many wished to reconnect with their estranged family, visit an exotic place, or participate in an extreme sport. Their responses were full of meaning and passion.

I traveled across all continents, my phone in hand, collecting these stories. From the shores of Alaska to New Zealand and in between. I documented people thoughtfully sharing their ultimate life goals. Young and old, rich and poor — we all have dreams we carry.

This experience showed me the power of reflecting deeply on the question: What matters most? It binds our shared humanity. We all want to love, create, connect, explore, and leave a positive mark on this world.

Photo by Megan Bucknall on Unsplash

I created the open-source project Before I Die Code to inspire others to identify their purpose. It’s a place to share your dreams alongside your first contribution to open source. Because life is not meant to be lived passively — it is meant to be lived with intention. Let’s discover our most meaningful goals…before we die.

I’m thrilled to share Before I Die Code — an open-source project that helps developers contribute to open source while reflecting on their life goals and dreams.

➡️ BEFORE I DIE GitHub Repo

Share Your Aspirations Through Open Source

The idea behind Before I Die Code is simple but powerful: developers share an image and text describing what they want to accomplish in life before they die.

My sharing of what I want to accomplish before I die from the open source project Before I Die Code💻

This allows you to:

Deeply reflect on your goals, dreams, and bucket list items
Identify what matters most to you and the legacy you want to leave
Openly share your aspirations with the world
Connect more profoundly with other developers over shared dreams
Make your first open-source contribution in a personal, meaningful way!

An Open Source Project Created for Beginners

Before I Die, Code is intentionally designed to be beginner-friendly. I built it to provide an easy on-ramp for those looking to get started in open source.

The project offers:

Step-by-step contribution guidelines to walk you through making your first pull request
Clear, detailed code comments explaining the React developer server setup, editing the the Contributors.json, adding images and editing the CONTRIBUTORS.md file
A welcoming, supportive community of open source enthusiasts

It’s the perfect space to learn the pull request workflow, build your coding skills, connect with others, and define your life purpose.

How to Get Involved with Before I Die Code

Contributing is simple:

Fork the GitHub repository
Follow the contribution guidelines to add your “Before I Die” goal, including an image and description text
Open a pull request to submit your contribution
Additional feedback, bug 🪲 reports, and new ideas 💡are welcome

The Before I Die Code project’s front end is built with React, JavaScript, HTML, and CSS, and it’s currently deployed on Vercel. However, the technology will change with the deployment as I am planning on applying for this open-source project to be featured on the GitHub explore page. For this, the project will need to be using GitHub pages.

A little bit about how this project has been built

I came up with this idea while learning how to independently contribute to open source projects. The main repositories advertised for beginners to update the markdown file with their GitHub information, which is suitable for understanding the workflow of how to contribute and complete a pull request. However, I wanted to see a project that demonstrated where new contributors have to think for themselves about what is important to them and share that aspect. Sharing this publicly will make individuals feel more meaning and attachment to continue growing the code base, technology stack, and reach of how this project can evolve and grow with time.

The beginning of this project I can credit the GitHub user Arash with sharing and building a React themed Gallery that I used as my starting point for building the Before I Die Code first version. I did this as I wasn’t able to find the exact photo gallery I wanted to have for this project without installing additional React libraries, and in the early phase of this project, I tried to limit using libraries for size purposes as well as to understand better the CSS and React JSX capabilities by themselves. Arash did a great job of building a Media Gallery that I could figure out how to operate and customize to this project.

Most of my research and additions of specific code blocks came from using Perplexity.ai, an AI-powered search engine and information discovery tool. For example, this led me to configure and utilize the code block in my MasonryLayout.jsx component (located in the src/Components/MasonryLayout/MasonryLayout.jsx of the project) for randomizing the contributor’s images every time a user views or refreshes the webpage.

The React.jsx code that I used for this component

// import styles of this component
import styles from "./MasonryLayout.module.css"

// import other react pkg to use
import Masonry from "react-masonry-css"

// import other component to use
import MasonryBox from './MasonryBox/MasonryBox';

// MasonryLayout Component
const MasonryLayout = ({ images }) => {
  const breakpointColumnsObj = {
    default: 3,
    1100: 2,
    700: 1
  };

  // Shuffle the images array
  const shuffledImages = images.sort(() => Math.random() - 0.5);

  return (
    <Masonry
      breakpointCols={breakpointColumnsObj}
      className={styles["my-masonry-grid"]}
      columnClassName={styles["my-masonry-grid_column"]}
    >
      {shuffledImages.map(item => (
        <MasonryBox
          key={item.id}
          wallSrc={item.image}
          userProf={item.avatar}
          userName={item.name}
          userJob={item.location}
          githubUrl={item.GitHub}
          userText={item.text}
        />
      ))}
    </Masonry>
  )
}

export default MasonryLayout

I imported the styles, React Masonry library, and MasonryBox component that I needed for my MasonryLayout component. I also defined the MasonryLayout component function.
Inside my component, I specify column layout breakpoints for different screen sizes in a breakpointColumnsObj. I shuffle the images array randomly so the items display in a mixed order.
I map over the shuffled images array to render individual MasonryBox components for each image item being passed in. The MasonryLayout component returns the Masonry grid layout itself.
When returning the layout, I passed in the breakpoint columns I defined, styling classes, and the mapped MasonryBox components. This renders the responsive image mosaic grid displaying the shuffled image items in Masonry Box components.

Additional assistance and recourse came from studying other open source projects and developers repositories. For example, while searching GitHub, I found the frontend developer, open source developer & technical writer Victor Eke. Of the many open source projects that he has assisted with and created, I used his repository Portfolio Ideas to get ideas on the structure of documentation and, in additionally, reading his blog article “How my open source project got 1000 stars on GitHub in 4 months” on what he did to surpass the 1,000 stars on his open source project. I also studied one of the most popular stared first-contributions repositories (which has over 37,000 stars) for the excellent structure of the documentation. And lastly, to add more visual interest to the documentation found throughout the Before I Die Code, I used the Animated Fluent Emojis open source project by Tarikul Islam Anik.

The project is built with the React framework structured with a public and src directory. The folder structure from this project opened in my Visual Studio Code.

Before I Die Code file structure

Areas where most of my work and edits took place are in the following:

public/img/avatar — created image file to store contributor’s GitHub photos.
public/img/bid_image — created image file to store contributors bid_image(Before I Die image). The image represents what a contributor wants to do before they die.
public/img/dummy-image — created an image file to store nine main images shown at the website’s top section for all users to see.
src/Components — I customized the CSS and JSX for each component you see listed: BrickLayout, ContainerCard, Elements, Header, MasoaryLayout, and Nav. I used React, a JavaScript library, to build user interfaces. It lets me break the UI into small, reusable components. React utilizes a virtual DOM and an efficient update algorithm to make updates faster and more efficient. I like that React follows a declarative programming approach. As the developer, this allows me to focus on what the UI should look like rather than the step-by-step instructions for achieving that look.
src/Jsons/Contributors.json — I needed to create an easy way for contributors to add their information into a preset JSON template. This JSON data represents an array of objects, where each object contains information about a person’s identifier, image URLs, name, location, GitHub profile, and text describing what they want to do before they die. The data provides the necessary information to display each person’s profile, images, and goals on the Before I Die Code webpage.
The remaining files inside the React project inside the scr directory had only minor changes that I had made.
CODE_OF_CONDUCT.md — I needed to create the first version of the code of conduct that all successful open-source projects have. In this case, my code of conduct is based on Mozilla’s code of conduct enforcement ladder.
CONTRIBUTION-GUIDELINES.md — I needed to create instructions to explain to new contributors how to perform the correct steps and workflow to add your information to this open-source project. For this, I had to learn quick solutions further to include video into my markdown file to assist with my explanation of steps and make sure contributors feel empowered to continue to contribute after their first pull request.
CONTRIBUTORS.md — All successful open-source projects promote and show appreciation to all the individuals that have assisted in their projects. That is the purpose of this file. It displays the contributor’s images and GitHub profile links.
README.md — I needed to make sure my README was well organized in stating the purpose of this project, who it is for to provide value, and helping to introduce new contributors in an organized manner and how to contribute to the project. As mentioned before, my Markdown files used animated movies to assist with creative documentation for this project.
ROADMAP.md — Lastly, I added a roadmap of the potential directions for this project. This is the first version of a list of ideas that came to my mind, and I’m looking forward to the open-source community expanding upon it, refining it, and refining to create open issues and work on new features, and continue the growth of this project.

Where does Before I Die Code go from here?

This segues perfectly into the current ideas that I have described in the ROADMAP.md of this project and how this project can continue to grow with the community. Individuals can add their existing skills and apply new skills to enhance this project further. Technology will constantly change, but the human desire to accomplish meaningful life moments before we die will always exist. My first goal is to have 100 people contribute to the project by sharing their Before I Die contributions. From reading the roadmap, you will find many ideas to get an idea of how the project can be improved upon with new tech stacks, incorporating AI or additionally incorporating an API, adapting the project for responsiveness depending on screen size, enhancing the UI, using Python to analyze what individuals want to do before they die, and continually making this project the main open-source project that new developers can contribute to learn and develop the workflow to contribute to open-source projects.

Current ROADMAP.MD for Before I Die Code as of August 17, 2023

Your contributions provide diverse perspectives that make the project genuinely spectacular. I’d love for you to share your wildest dreams!

Help build the Before I Die Open Source Community

Beyond the project, contributing to Before I Die Code connects you with the passionate open source community. Let’s learn together, collaborate on code, and make meaningful open-source contributions — both to software and our lives.

Please share your thoughts and feedback! Check out the project, star ⭐️ the GitHub repository, and make your first pull request today. Thank you for taking the time to read my article.

DEV Community: Alexander Clemens

Latest Hacktoberfest Project Features & Thank You Contributors

opensource #opensourceproject #goodfirstissue #firstpullrequest

Gratitude Unleashed: Celebrating a Week of Stellar Contributions to Before I Die Code

Before I Die Code: Week 5 Highlights and Shoutouts to Our Contributors from this week

Before I Die Code: Week 4 Highlights and Shoutouts to Our Contributors

Before I Die Code: Week 3 Roundup and Gratitude for Our Open Source Contributors

Thank you to the Contributors of Before I Die Code week # 2

Celebrating the First Week of Contributors to Before I Die Code 👏🏻

💡 Discover Your Life Goals and Make Your First Open Source Contribution with Before I Die Code 🚀

Share Your Aspirations Through Open Source

An Open Source Project Created for Beginners

The project offers:

How to Get Involved with Before I Die Code

A little bit about how this project has been built

The React.jsx code that I used for this component

Areas where most of my work and edits took place are in the following:

Where does Before I Die Code go from here?

Help build the Before I Die Open Source Community

I built this project to empower us to achieve our goals and dreams. Let’s get started!

Connect with me!