TechSquad Community is what you need to get started in Coding and Development

Related tags

Learning resource javascript css html open-source girlscript gssoc21
Overview

TechSquad Community is what you need to get started in Coding and Development



This is a Community website under development. This community aims to create awareness among the students and working professionals about open source programs, hackathons, CTFs and Internship Programs to create a difference in society. We have study materials, blogs, posts regarding upcoming events and much more so that everyone has access to these opportunities.


JOIN US IN OUR MISSION OF CREATING THE WORLD'S LARGEST ALL-IN-ONE CODING COMMUNITY


Programs we have been a part of

No. Program Name Duration Deployment
1. GirlScript Summer of code (GSSoC) 2022 1st Mar 2022 - 31st May 2022 TechSquad Community Website

Connect with us !

       

Contributors 🫂


Steps for Contributing 🚀

Refer to this YouTube Video for reference!


  • Fork and clone the Repo by typing the following commands in the terminal
$ git clone https://github.com/Tech-Squad-Community/techsquad-community-website.git

$ cd techsquad-community-website
  • Now to add your resource to website, add an object with keys same as listed in existing objects in the file.
  • Save and commit your code.
  • Push to your fork of the repository , navigate to original repository and make a pull request.
  • Clone the Repository after forking
$ git clone https://github.com//techsquad-community-website.git

$ cd techsquad-community-website

  • Make changes to the code(for ex- add an update route)

  • Create a Branch using:

$ git checkout -b
  • Stage your changes using:
$ git add .
  • Commit your changes using:
$ git commit -m "add any comment"
  • Push the changes to the forked repository using:
$ git push origin
  • Navigate to the original repository and make a pull request
  • In case of merge conflict fetch and merge from the remote repository

How to Join the TechSquad Community Website Channel in Official GSSoC Discord Server? 🗣

STEP 1 : Open the self-roles channel in the GSSoC Official Discord Server Screenshot 2022-03-01 at 11 58 18 PM

STEP 2 : React to no. 1 of the list containing TechSquad Community Website (bottom) Screenshot 2022-03-01 at 11 58 18 PM

STEP 3 : Return to the main page of the discord server and scroll down to find our Channel Screenshot 2022-03-01 at 11 58 18 PM

Happy?? Star ⭐ this Repo. 🤩

Comments
  • Added Header & Footer in LogIn page

    Added Header & Footer in LogIn page

    THESE CHANGES ARE UNDER GSSoC'22

    🛠️ Issue (Number)

    Closes #117

    👨‍💻 Changes proposed

    • Header and Footer creation in log in page
    • Code Optimization of various JS functions

    ✔️ Check List (Check all the applicable boxes)

    • [X] My code follows the code style of this project.
    • [X] This PR does not contain plagiarized content.
    • [X] The title of my pull request is a short description of the requested changes.

    📄 Note to reviewers

    Nothing particular to this PR

    📷 Screenshots

    HEADER Screenshot 2022-03-07 at 4 18 11 PM

    FOOTER Screenshot 2022-03-07 at 4 18 22 PM

    GSSoC22 Level3 
    opened by Kumar-laxmi 41
  • Figma design for the Blogs Page of the website

    Figma design for the Blogs Page of the website

    Description

    Description: Make the design in sync with the color and style of the website and connect with the mentors to make the necessary changes.

    Domain

    Open Source

    Type of Contribution

    Others

    Code of Conduct

    good first issue GSSoC22 assigned no-code Level2 
    opened by JaynouOliver 19
  • Resource Page created

    Resource Page created

    THIS IS UNDER GSSoC'22

    🛠️ Issue (Number)

    Closes #125

    👨‍💻 Changes proposed

    • Creation of Resource Page

    ✔️ Check List (Check all the applicable boxes)

    • [X] My code follows the code style of this project.
    • [X] This PR does not contain plagiarized content.
    • [X] The title of my pull request is a short description of the requested changes.

    📄 Note to reviewers

    Any one who wants to contribute more to this page can include more cards to it

    📷 Screenshots

    image image

    GSSoC22 Level3 
    opened by Kumar-laxmi 16
  • Adding Animations to the Home Page

    Adding Animations to the Home Page

    Description

    Description: " Are you ready to grow faster? " section UI improvement by strictly following the design patterns of the project

    Domain

    Frontend Dev HTML/CSS/JS

    Type of Contribution

    Others

    Code of Conduct

    GSSoC22 assigned code Level3 
    opened by 19arnab190201 16
  • Create a transparent Navbar using Next js

    Create a transparent Navbar using Next js

    Description

    image

    Refer to https://www.helium.com/ to have a look at the navbar. Use tailwind CSS. import all modules required and remove unnecessary files and codes.

    navbar should contain all the text in the navbar of https://techsquadcommunity.tech/

    Domain

    Frontend Dev React/Angular/Vue

    Type of Contribution

    Others

    Code of Conduct

    GSSoC22 assigned code Level3 
    opened by JaynouOliver 14
  • #167 Blog Page Created

    #167 Blog Page Created

    🛠️ Issue (Number)

    Closes #167

    👨‍💻 Changes proposed

    • Created Blog PAGE
    • Link it to index.html
    • Update Font-Awesome library

    ✔️ Check List (Check all the applicable boxes)

    • [X] My code follows the code style of this project.
    • [X] This PR does not contain plagiarized content.
    • [X] The title of my pull request is a short description of the requested changes.

    📄 Note to reviewers

    This design can be modified further

    📷 Screenshots

    image image

    GSSoC22 Level3 
    opened by Kumar-laxmi 13
  • Make two 3D vector Image for mentioned portion of the website

    Make two 3D vector Image for mentioned portion of the website

    image

    You are required to make two 3D vector designs for the landing page of the website. Connect with the mentors for further guidance. Formats should be in SVG. Happy Hacking!

    GSSoC22 assigned no-code Level3 
    opened by JaynouOliver 13
  • #129 Issue : Adding animation on social links

    #129 Issue : Adding animation on social links

    🛠️ Issue (Number)

    Closes #129

    👨‍💻 Changes proposed

    Added Animation to the social links on hover.

    ✔️ Check List (Check all the applicable boxes)

    • [x] My code follows the code style of this project.
    • [x] This PR does not contain plagiarized content.
    • [x] The title of my pull request is a short description of the requested changes.

    📷 Screenshots

    Image41

    opened by TG922 11
  • #159 AboutUs Page modified

    #159 AboutUs Page modified

    🛠️ Issue (Number)

    Closes #159

    👨‍💻 Changes proposed

    • Improve the CSS of Amazing team cards of About Page
    • Bring all the 4 cards in one row

    ✔️ Check List (Check all the applicable boxes)

    • [X] My code follows the code style of this project.
    • [X] This PR does not contain plagiarized content.
    • [X] The title of my pull request is a short description of the requested changes.

    📄 Note to reviewers

    Note that I have added social media buttons.

    📷 Screenshots

    image

    Note to Admin

    Admin please add your social media links to the icons href that I have left blank for now

    GSSoC22 Level2 
    opened by Kumar-laxmi 11
  • Adding animation on social links

    Adding animation on social links

    Description

    • The social links is looking fine, but adding animation to them adds additional effect to it.
    • This feature will help increase User Interface(UI) of your website.
    • Please assign me on this issue under GSSOC 22.

    Domain

    Frontend Dev HTML/CSS/JS

    Type of Contribution

    Others

    Code of Conduct

    GSSoC22 assigned code Level2 
    opened by TG922 11
  • Changed background color of cards

    Changed background color of cards

    issue<1>

    🛠️ Issue

    Closes #1

    👨‍💻 Changes proposed

    • Change background color of cards

    ✔️ Check List (Check all the applicable boxes)

    • [✔️] My code follows the code style of this project.
    • [✔️] This PR does not contain plagiarized content.
    • [✔️] The title of my pull request is a short description of the requested changes.

    📄 Note to reviewers

    📷 Screenshots

    Screenshot (287)

    opened by sohan2503001 11
  • Apply floating bubble effects in the website using Next.js and tailwind CSS

    Apply floating bubble effects in the website using Next.js and tailwind CSS

    Description

    image

    Use Tailwind CSS visit https://techsquadcommunity.tech/ to see the animation.

    Domain

    Open Source

    Type of Contribution

    Others

    Code of Conduct

    good first issue up for grab code Hacktoberfest 
    opened by JaynouOliver 11
  • Create a landing page similar to the given image using Next js

    Create a landing page similar to the given image using Next js

    Description

    image

    refer to helium.com for further reference.

    The page image doesn't have to be dynamic. You don't have to use the exact colors, but try to use similar fonts, spacing, margins and padding.

    Domain

    Frontend Dev React/Angular/Vue

    Type of Contribution

    Others

    Code of Conduct

    up for grab code Hacktoberfest 
    opened by JaynouOliver 14
Owner
TechSquad Community
We Talk Code Here
TechSquad Community
GitHub https://techsquadcommunity.tech
Get started with AI vision at the edge with no coding experience at all!

No-Code Edge AI Vision with Node-RED Now you can get started with AI vision at the edge in just THREE STEPS with no coding experience at all! Prerequi

Seeed Studio 47 Dec 5, 2022
A community website built by the community for the community (Hacktoberfest 2022) :tada:

Hacktoberfest 2022 ?? : Built by the community for the community! This repository is an initiative which aims to help beginners kickstart their open-s

Your First Open Source Project 5 Oct 12, 2022
A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most.

A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most. helpkb is an open-source Next.js (A

Mark Moffat 11 Dec 5, 2022
Functions Recipes is a library of examples to help you getting started with Salesforce Functions and get used to their main features.

Functions Recipes Introduction Salesforce Functions lets you use the Salesforce Platform for building event-driven, elastically scalable apps and expe

Trailhead Apps 172 Dec 29, 2022
An NPM package to help you get started with modern javascript tooling easier & faster

MODERNIZE.JS Creating config files for webpack and babel can be an hell of stress, this NPM package helps you get started with writing code as soon as

Kelechi Okoronkwo 5 Sep 22, 2022
CloudCrafter CLI is a command-line interface tool that provides templates for common cloud resources to help you get started quickly.

CloudCrafter CLI CloudCrafter CLI is a command-line interface tool that provides templates for common cloud resources to help you get started quickly.

Missio 7 May 5, 2023
Marquee is a VS Code extension designed to naturally integrate with your development flow, so that you will no longer lose track of your thoughts while you're coding

Marquee Stay organized with minimal context switching, all inside your Visual Studio Code. Marquee is a VS Code extension designed to naturally integr

stateful 60 Dec 13, 2022
Get started on Remix with TypeScript and Tailwind CSS in seconds

remix-typescript-tailwind-quickstart Get started on Remix with TypeScript and Tailwind CSS in seconds. This is an example setup of Remix building on t

Resi Respati 12 Mar 16, 2022
CryptoDappy is the fastest way to get started with Flow.

Demo application (testnet) Learning hub (start learning here) What's CryptoDappy? CryptoDappy is the fastest way to get started with blockchain develo

Benjamin Ebner 91 Aug 18, 2022
The fastest way to get started with a fully-fledged web3 frontend

create-web3-frontend The fastest way to get started with a fully-fledged web3 frontend setup consisting of Next.js, wagmi and Tailwind CSS. npx create

Dhaiwat Pandya 153 Dec 28, 2022
A simple template to get started with a non-profit website.

Next.js Non-Profit Website A non-profit website template powered by the Cosmic headless CMS. Uses Next.js, Tailwind CSS, and Stripe for donation payme

Cosmic 5 Sep 6, 2022
This SDK helps developers get started with the on-chain tools provided by Metaplex.

Metaplex JavaScript SDK ⛔️ DO NOT USE IN PRODUCTION, THIS SDK IS IN VERY EARLY ALPHA STAGES! This SDK helps developers get started with the on-chain t

Metaplex Foundation 263 Dec 27, 2022
Minimal template to get started with Foundry + Hardhat

Hardhat x Foundry Template Template repository for getting started quickly with Hardhat and Foundry in one project Getting Started Use Foundry: forge

Foundry 158 Jan 3, 2023
Get started with GatsbyJS straight away without having to spend a whole day configuring your usual addons.

Gatsby Starter Infinite Get started with GatsbyJS straight away without having to spend a whole day configuring your usual addons. This starter includ

Matt Patterson 3 Jun 27, 2022
🏄‍♂️ A node.js template to quickly get started building

hacky-node-template ??‍♂️ A type-safe Node.js template to quickly get started building. Tech-stack Express.js - Fast, un-opinionated, minimalist web f

Mukesh 7 Jan 4, 2023
A great place for platforms to get started on Cloudflare Workers!

Workers for Platforms Example Project Blog post Docs For SaaS companies, it's challenging to keep up with the never ending requests for customizations

Cloudflare 29 Dec 23, 2022
"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!

To-do-list Description "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark t

Cindy Dorantes 12 Oct 18, 2022
Hasbik is a community based social token and the new paradigm in the crypto space. With the goal to build a community around a crypto token.

Hasbik is a community based social token and the new paradigm in the crypto space. With the goal to build a community around a crypto token.

null 2 Jan 5, 2022
THE PROJECT IDEA is to create a platform where developers can improve on their typing speed and accuracy by playing a coding typing game in their preferred programming language, which will make developers both beginners and pros get more familiar with the syntax of their programming languages.

Typing Game for Developers to Boost their Typing Speed and Accuracy Read Blog Technologies Yarn React JS Html Css Features ?? Typing Area ?? Ranking ?

Ayodele S. Adebayo 32 Dec 14, 2022