Giter VIP home page Giter VIP logo

codesydneywebsite's Introduction

Code Sydney Website

About this site

This is Code.Sydney's new website which everyone can contribute to, regardless of skill level. This is perfect for beginners who want to get exposed to working in a collaborative development environment.

Tech used

This is built on React.js and is deployed on Vercel

How do I contribute?

  1. Join the #project_codesydneywebsite Discord channel
  2. We have open issues that can be worked on in the Issues tab.
  3. You can see how these issues are progressing on our Kanban board.
  4. Visit our Code.Sydney Playbook here for a full guide

Setting up your machine for local development

Forking and Creating Your Branch

  1. How to fork this repository (https://github.com/firstcontributions/first-contributions)
  2. Copy code url from your forked version of project
  3. Avoid cloning directly from codesydney repo
  4. CD into directory on cmd terminal where you would like to store project files
  5. Finally enter following command to clone repo git clone [url]

Installing the Project

  1. If you are not using Node.js v14 install NVM by following (https://www.freecodecamp.org/news/node-version-manager-nvm-install-guide/)
  2. Make sure you are in codesydneywebsite project directory on your cmd terminal then type in folowing command:-
  3. Install the Node v14 using NVM with nvm install 14.
  4. Change to Node v14 using NVM with nvm use 14.
  5. Install the project dependencies with npm i.

Running the Project

  1. Change to Node v14 using NVM with nvm use 14.
  2. Run the Project with npm start.
  3. Access the site using your browser of choice via http://localhost:3000/

Happy coding!

codesydneywebsite's People

Contributors

davidtaing avatar ellaferreira avatar engramar avatar foadbotan avatar infodsagar avatar jabu-web avatar janxavierv17 avatar king-oldmate avatar luukeeeee avatar nimasakha avatar qjstout avatar rpgarde avatar serhiicss avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

codesydneywebsite's Issues

Add "Acknowledgement of Country" in the Footer

We acknowledge and pay respects to the First Nations People of Australia, the land in which we live and work. we recognise the strength, resilience and capacity of aboriginal people and pay respects to elders past, present and emerging.

Navigation Icon position issue

Change the navigation icon position to fixed in order to improve UX/UI experience for small screen, as the page is gonna be very long.

Update readme.md

We need a better readme that will talk about

  • What the site is
  • Tech used
  • How to contribute (link to playbook page on contributing)
  • How to setup on your machine for local development

bug: Contributors Creates Array on Each Render

Description

The Contributors component uses an array of contributors as its data. Every time we render the Contributors component, we create a new array and we do extra work when we don't have to.

The goal is to create this array once instead of every time we render. Good luck!

const Contributors = () => {
const contributors = [
{
id: 1,
name: "Engramar Bollas",
nickname: "engramar",
quote:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
image: "/assets/images/volunteers/Mentor_Engramar.png",
role: "Director of Code.Sydney",
linkedIn: "https://www.linkedin.com/in/engramarbollas/",
},

Files

Contributors.jsx

Volunteer page

I'd like to add my profile to Code.Sydney volunteer's page and replace an existing volunteer photo.

Awards

Showcase awards and badges received by the volunteers

Remove <br /> tags from Porfolio.jsx

.section-title class has -20px margin top, which is being counteracted by repeated
tags.

Either remove the negative margin top, if that is safe, or override it locally without the

  • File path src/component/HomeLayout/homeOne/Portfolio.jsx

Hamburger CSS Class Typo

Description

The Hamburger Menu CSS class is spelt wrong as "humburger-menu".

Tasks

  • Rename humburger-menu to hamburger-menu

Add a new mentor's profile on the Volunteers page.

Add the new mentors' profile, Bao Hoang on the same page following the profile of Paolo.

Bao has recently graduated with a Bachelor of Science in IT and just started his career in software development. He prides himself on being a self-taught developer, dabbling in all things tech including web development, embedded systems, database design, and IoT. Bao initially joined Code.Sydney to meet other technically-minded people to talk to, but now as a volunteer, he particularly loves to also share his knowledge and be a part of the group's learning journey. Besides programming, Bao currently loves engaging in customising mechanical keyboards and building Gundam models in an unhealthy manner.
Mentor_Bao (1)

Merch

Online merch store

Volunteers Management System

  • Search/Filter of volunteer programmers
  • Ability to sign up as a volunteer and update profile
  • Links to preferred User portfolio pages (Default will be LinkedIn)
  • Feel free to add

Center Legacy Website Button For Consistent Alignment

Background

The header consists of centred navigation links and a "Legacy Website" button that isn't centered.

Proposal

Add auto margins for margin-top & margin-bottom in order to center the button element.

Change margin-left: 5em to margin: auto 0 auto 5em.

legacy-website-button

Gallery

Showcase random snapshots of community engagements

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.