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.