Skip to content

Latest commit

ย 

History

History
193 lines (145 loc) ยท 10.7 KB

Getting_Started.md

File metadata and controls

193 lines (145 loc) ยท 10.7 KB

Front-end Projects

Update this list after Adding New Projects

Login Page

Hello Coders๐Ÿ‘จโ€๐Ÿ’ป ,I am Suryanshu Paul, a aspiring Web developer.๐Ÿค– Here is the project of the front-end Web Developement. This is a frontend part of a login page. I used HTML and CSS .

LogIn Page

Survey From

Hello Coders๐Ÿ‘จโ€๐Ÿ’ป ,I am Suryanshu Paul, a aspiring Web developer.๐Ÿค– Here is the project of the front-end Web Developement. So, here is the frontend of a survey form .I used HTML and CSS .

SurveyForm

GOOGLE_DRIVE_CLONE Clone

Hello Coders๐Ÿ‘จโ€๐Ÿ’ป ,I am Suryanshu Paul, a aspiring Web developer.๐Ÿค– Here is the project of the front-end Web Developement. We all use the most famous streaming platform Google Drive. So, here is the frontend clone of the landing page๐Ÿ‘†๐Ÿป .I used HTML and CSS .

Google_Drive_Clone

WakeMeUp

I used HTML, CSS and Javascript .

image

Hotstar Clone

Hello Coders๐Ÿ‘จโ€๐Ÿ’ป ,I am Arpan Chowdhury, a aspiring Web developer.๐Ÿค– Here is the project of the front-end Web Developement. We all use the most famous streaming platform HOTSTAR. So, here is the frontend clone of the landing page๐Ÿ‘†๐Ÿป .I used HTML, CSS and Javascript .

hotstar

STACK

Hello Coders๐Ÿ‘จโ€๐Ÿ’ป ,I am Suryanshu Paul , a aspiring Web developer.๐Ÿค– Here is the project of the front-end Web Developement. This is a most famous data structure STACK. I used HTML, CSS and Javascript .

image

Instagram Clone

Hello Coders๐Ÿ‘จโ€๐Ÿ’ป ,I am Arpan Chowdhury, a aspiring Web developer.๐Ÿค– Here is the project of the front-end Web Developement. We all use the most famous social media platform INSTAGRAM. I used HTML, CSS and Javascript .

image

Weather Application

Hello everyone, in this project i have used HTML CSS JS(rapid api) to build a weather application.

image

Stopwatch

Hello Coders๐Ÿ‘จโ€๐Ÿ’ป ,I am Arpan Chowdhury, a aspiring Web developer.๐Ÿค– Here is the project of the front-end Web Developement. We all use the most famous Application in our phone named STOPWATCH.I used HTML, CSS and Javascript .

bandicam.2023-06-17.19-06-45-486.mp4

Book Review Website

I used HTML, CSS and will be adding Javascript .

Description of the image

QR ID Card Generator

I used HTML, CSS and Javascript for the project. I used Javascript to generate and update QR code according to the information. Now I have also added some styling to the project.

Tindog:Startup website

I used HTML, CSS and Bootstrap

Description of the image

Calendar App

Tech stack used : HTML, CSS, Javascript

Description : General purpose calendar with dark & light mode + some animation

Hack Among Us

Tech stack used : HTML, CSS, Javascript

Description : This website can help you finding hackathons all over the world

A-Unit-Converter

I have used HTML, CSS(Bootstrap) and Javascripts

A To-Do List Project

I used HTML, CSS(Bootstrap) and Javascript

Description of the image

Finance Tracker

Tech stack used : react,crypto-js,firebase,mantine

Description : A react app which is used to track all tranctions, you can over look at the expences and even the savings

Url Shortener

Tech stack used : Html,Css and Js

Description : An URL shortener is a website that reduces the length of your URL (Uniform Resource Locator). The idea is to minimize the web page address into something thatโ€™s easier to remember and track.

Code Editor(Html,Css and Js)

Tech stack used : Html,Css and Js

Description : A code editor is a software application that allows programmers to write and edit code. Code editors have features that help programmers write and edit code more efficiently.

E-Commerce Website

Tech stack used : Html,Css and Js

Description: An ecommerce website is a website that allows you to buy and sell products or services online. Ecommerce websites can be designed to sell: Physical products, Digital products, Services.

Restaurant Website(Frontend project)

This is a simple Frontend based projects names Restaurant Website.

Here is the live link to this website: https://suraj-kumar00.github.io/Restaurant_Website/

Restaurant Website

Score Keeper

Tech stack used : Html,Css and Js

Description: The easy-to-use score keeper for all your games or other activities. โ€ข Keep track of scores for any game or activity. โ€ข Customizable design to fit your needs. โ€ข Add and keep scores with a simple tap. โ€ข Choose the amount by which scores are increased or decreased.

Quiz App

Tech stack used : Html,Css and Js

Description: Quiz apps are games that allow players to answer questions on a certain topic. Quiz apps can be used to create, take, and share quizzes.

Age-Calculator

Age Calculator

Tech stack used : Html,Css and Js

Description: The Age Calculator can determine the age or interval between two dates. The calculated age will be displayed in years, months, Date of Birth.

Text-to-Voice-Converter

Text to Voice Converter

Tech stack used : Html,Css and Js

Description: Text-to-speech (TTS) is a type of assistive technology that reads digital text aloud.

Quote-Generator

Quote Generator

Tech stack used : Html,Css and Js

Description: A quote generator is a tool that can create quotes on a variety of topics. Some quote generators can also personalize quotes with fonts, colors, and text styles.

Meme-Generator

Meme Generator

Tech stack used : Html,Css and Js

Description : Meme Generator allows users to create and share image macros (featuring a picture, or artwork, superimposed with text) in the style of popular internet memes.

Music Player Clone

Music Player

Tech stack used : Html,Css

Description : A music player is a device or application that plays digital audio files. Music players can be hardware or software.

CountDown-Homepage Launching Page

Launching Page

Tech stack used : Html,Css and Js

Description : Creating a beautiful Launching page with the help using Html ,Css and Js.

Digital-Clock Digtial Clock

Digital Clock

Tech stack used : Html,Css and Js

Description : A digital clock is a clock that displays the time in a digital format, such as on a watch, phone, or an alarm clock. It shows the time in numerals or other symbols, such as 12 and 24-hour formats.

Pop-Up-Modal-Box Pop Up Modal Box

Pop Up Modal Box

Tech stack used : Html,Css and Js

Description : modal popup box is a dialog box that appears on top of a web page and prevents interaction with the page.