Giter Club home page Giter Club logo

ace-the-frontend's Introduction

Ace-The-FrontEnd

Introduction

This repository contains frontend projects that will help you to become an ace Frontend Developer. If you're a beginner or a frontend expert, you can practice creating these projects and contribute to this repository as a part of open-source programs. The best way to master something is by practical implementation! So what are you waiting for, get started with your contribution to this project ๐Ÿ’ซ

Contributing to this project

Star โญ and Fork ๐Ÿด this repository and head over to :- Learn to contribute here!

Tech Stacks used :-

HTML, CSS, JS, React

Demo of the projects :-

JS drum kit

Glassmorphism Form

Neumorphic Form

Multi-colored text animation

Image Gallery

Discord Navbar

Countdown Timer

Penguin

CSS JS clock

image


image

Form wave

Wave.Text.-.Google.Chrome.2022-01-08.15-16-35.mp4

Circular Progress Bar

circular.progress.bar.mp4

ReactJs Accordion

React.Accordion.-.Personal.-.Microsoft.Edge.2022-03-02.23-31-34.mp4

ace-the-frontend's People

Contributors

777ahesh avatar aakankshabhende avatar adhetya avatar amhsirak avatar amolshelke2 avatar anamansari062 avatar anthima avatar areebah03 avatar avik-creator avatar dragonuncaged avatar gurjeetsinghvirdee avatar harshitshukla01 avatar iamrahulmahato avatar kaybee128 avatar khushi-mattu avatar kumar-ankit56 avatar liquid-404 avatar mr-dhruv avatar mrjoy832 avatar praniti111 avatar pratham-ops avatar rittikadeb avatar saurabh-suchak avatar shrey2003 avatar somyaranjansahu avatar sulagna-dutta-roy avatar surajm-333 avatar tarunkoli avatar yalfamiamshaon avatar yash-25log avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ace-the-frontend's Issues

Widgets-panel

Description

Hi @surajm-333 , happy to onboard to this project as a contributor . It would be a pleasure if you assign me to contribute a grid widget-panel to this project !
Cheers,

image

Code of Conduct

new issu

I'm here from GSSOC-22. I want to contribute a new project to your repo . Please assign me this issue.

New Issue as Contributer

Hello. Myself a Contributor from GSSOC'22. I want to contribute on Countdown-Timer issue. Can You Please assign it to me.

Online Quiz Portal

Hey I am a GSSOC,22 contributor.
I would like to add an online quiz portal which will have features like instructions at the beginning of the quiz, a timer and other customizable features. I will be using HTML, CSS, Javascript for this project.
I would be glad if you would kindly assign me this issue.

Instagram Clone using NUXT JS

So it will be an Instagram Clone which i will be building with Help of NUXTJs framework with a unique UI and some added features

Portfolio Template

Feature Request:

A portfolio template which contains an image of the person at top along with his intro , skills , achievements and all the other things like the link to their Social Accounts and stuffs in a well formatted way , Which can be customized a bit based on the users wants and needs .

Css will be used to make it more Appealing and Presentable.

I would like to work on this new feature.
Kindly assign it to me.
GSSoC'22 Contributor.

Casio

I want to add Casio.

image

Please assign me this issue

Image Gallery Grid

Hey, I'm a GSSOC'22 Contributor. I want to make the image gallery grid web page responsive and also add some hover effects. Please assign me this issue.

Add an E-Reader project

Hi!! I am a contributor from GSSOC-22, I want to contribute an E-reader project to this repo.
In this project a reader can change the display from day mode to night mode and back again according to their choice.
Prototype:
Day mode-
Day mode

Night mode-
Dark mode

Please assign me this issue.

JS Drum Kit

Hey, I'm a GSSOC'22 Contributor. I want to change the UI to the drum kit web app and add sounds when the key is clicked.

Differrent GLassmorphism Card UI Design with Vanila JS

I am a contributor from GSSoC - 22. I can create different kinds of glassmorphism card UI designs like glowing gradients and etc. and can add some effects like hover and tilt effects.so Please assign this issue to me

WhatsApp.Video.2022-03-01.at.12.32.11.AM.mp4

Calculator

I am a contributor from GSSoC - 22. I want to add a new project which is the Calculator using React JS. Kindly assign this issue to me.

Add a tip calculator project

Hey, I want to add a Tip Calculator built on HTML, TailwindCSS and JavaScript.
image

Can you please assign me this issue?

Add a NFT Tracker Project

Hi mentor I am a Gssoc'22 Contributor.
I want to add a new project to this repository.

Project Description
The project will contain a modern ui design and It will track the most popular NFTs and display live crypto-currency rates.
This will help new developers to understand ui/ux and the use of api in projects.

Tech Stack Used

  • Next.Js
  • Typescript
  • Tailwindcss
  • Framer-motion

Prototype
Screenshot 2022-03-01 at 11 18 34 AM

Timeline- I can complete this task by 3 march

Create Crypto Rush webapp

In this WEB Application. You can see data of about 100 crypto currencies in the world. This is more useful for crypto investor, they can see the data brfore investing into specific crypto currencies

JS Infinity Animation

Description

Hey Admin, I want to add JS Animation which would appear like this to your project.
So assign this issue to me for GSSOC 2022 contribution.
Infinity

Code of Conduct

BMI Calculator

Description

Hello @surajm-333 ,
I am a GSSOC 22 contributor. I would like to make a BMI calculator with modern frontend effects (Glassmorphism) and functionality(Hovering Effects). Please assign it to me.

Code of Conduct

New issue as contributor

Myself a contributor from GSSOC-22. I Found a feature in frontend to add in the CSS JS Clock. I would like to contribute to this issue . Please assign me this issue.

Simon Game

I am a contributor from GSSoC - 22. I want to add a new project which is Simon game. Kindly assign me this issue.

add a travel website template

Hi mentor I am a Gssoc'22 Contributor.
I want to add a new project to this repository.

Project Description
The project will contain a modern ui design and a traveling web site template.
This will help new developers to understand ui/ux .

Tech Stack Used

Next.Js
Typescript
Tailwindcss
Framer-motion

Prototype
image

New Issue

I'm here from GSSOC-22. I want to contribute a new project to your repo . Please assign me this issue.

Create, Coding Contest Notifier App

In this website user / coder will get to know every future contest happening on top sites like kickstart, leetcode, codechef or codeforces etc...

Score Keeper App

I am a contributor from GSSoC - 22. I want to add a new project which is a Ping Pong Score Keeper. Please assign this issue to me.

Add Circular progress bar

Description

Hi, I am Tushar Mehta from GSSoC22. I want to add a Circular progress bar. So Please assign this issue to me.

Code of Conduct

Tetris Game

I am a contributor from GSSoC - 22. I want to add a new project which is a Tetris game. Please assign this issue to me.

Tic Tac toe

Hey, I'd wish to add a new project which is a tic tac toe game as a part of GSSOC'22 contribution. Please assign me this issue.

Added Beautiful Form with Wave Effects:

Hey, project admin, I'm GSSOC Participant and I've come up with your project I would love to contribute to your project so I want to add a basic form with some animating effect to Ace-The-FrontEnd Repository...

Wave.Text.-.Google.Chrome.2022-01-08.15-16-35.mp4

Add a Bill Splitter

I am a GSSOC'22 participant . I would like to add a Simple Bill Splitter project made using HTML , Materialize and JavaScript .

bill splitter

Could you please assign this to me .

new project !!

I will like to add responsive navbar . Can you assign me this issue ?

Add Google Search Engine Clone

Hey, I'm a contributor at GSSo'C 22, I want to add Google Search Engine Clone with React Js using google API

Screenshot (672)

Please assign me this issue

Adding a 3D Background in Neumorphic Form

Hello, Myself a contributor from GSSOC-22. I would like to add 3D background using THREE.JS in Neumorphic Form with a Debug panel. It will give form a new 3D look. I would like to contribute to this issue . Please assign me this issue.

Password strength calculator

Feature Request:

This page will help people to check their password strength and let them know if their password is safe from hackers or not , or how much time will it take to hack their password.

I would like to go ahead with this feature project. Kindly assign it to me [GSSoC'22 Contributor].

Weather App

Description

I wanted to add a weather App made using HTML, CSS and Javascript to add in this repo similar to the below picture. I'm a participant under GSSOC'22 and I will do this.

images (6)

Code of Conduct

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.