DEV Community

Cover image for Top 10 Web Projects Build With Html, CSS, javascript, And Reactjs
Shahroz Ahmed
Shahroz Ahmed

Posted on

Top 10 Web Projects Build With Html, CSS, javascript, And Reactjs

Hello Developers😁 ,
Hope you all are fine and growing🤗,

Today I bring Something cool for all of my fellow developers who want to get motivated or want to learn Coding👨🏼‍💻.

Today I bring all of my Web projects in front of you guys 👌.

Its 10 of my best projects, I have built so far while learning about web development😅.

All these projects have an online presence and hosted on Github Pages📥.

Here I listed all project with their URL and Github Repo,
You can visit the projects, and clone it from GitHub and improve your coding skills👍.

Don't Forget To Follow Me on Github ->My Github Profile 🤤

As Well As Give Stars to Projects If You Think I Deserve It 🥺.

1. TODO App (React.js):

Build this Todo app using react.js, it's just a front end, having features of adding, removing, and updating the tasks.

Languages Used:

Html5, CSS3, JavaScript(ES6), React.js

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:

GitHub logo ShahrozAhmd / react-todo

converted my own vanilla javascript based to do app in react


2. Burger Builder App (React.js):

This is basically an app that gives the ground to customers to build their own customize burger and order it.
This project is still in process of building

Languages Used:

Html5, CSS3, JavaScript(ES6), React.js

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:

GitHub logo ShahrozAhmd / burger_builder

A web app to order customized burgers in reactjs


3. Expense Tracker App (Javascript):

It's an expense tracker app to calculate your monthly expenses and incomes.

Languages Used:

Html5, CSS3, JavaScript(ES6)

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:

GitHub logo ShahrozAhmd / budget_app

A basic budget app to calculate your monthly expenses and income.


4. Honda Landing Page:

Its a landing page design for Honda Motors as a clone or concept.

Languages Used:

Html5, CSS3, JavaScript(ES6)

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:

GitHub logo ShahrozAhmd / hondamotors

a business page for honda motors


5. NGO Website:

Its a clone of an NGO Website

Languages Used:

Html5, CSS3, JavaScript(ES6)

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:


6. TODO App (Vanilla JS):

Build this Todo app using Javascript(ES6), it's just a front end, having features of adding, removing, and updating the tasks.

Languages Used:

Html5, CSS3, JavaScript(ES6)

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:

GitHub logo ShahrozAhmd / todo-vanillajs

just a basic to do app to practice html, css and javsacript


7. Javascript Documentation:

Its a Javascript Documentation, build to learn about Javascript(ES5)

Languages Used:

Html5, CSS3, JavaScript(ES5)

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:

GitHub logo ShahrozAhmd / js-documentaion

A documentation page for basic javascript


8. Civic Landing Page:

Design a Landing Page For Civic Car.

Languages Used:

Html5, CSS3, JavaScript(ES5)

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:

GitHub logo ShahrozAhmd / civic-landing-page

A landing page for civic car 2019


9. Data Collecting Form:

Its a form used to get data about peoples.

Languages Used:

Html5, CSS3, JavaScript(ES5)

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:

GitHub logo ShahrozAhmd / survey-form

A simple survey form


10. Tribute Page:

Its a Tribute Page For A Very Famous Personality

Languages Used:

Html5, CSS3, JavaScript(ES6), React.js

Visit Live Project:

Visit This project By Clicking Here

Project Github Repo:

GitHub logo ShahrozAhmd / tribute-page

A tribute page for Edhi Sb


That's All Developers😇 .
Hope You, Will, Like It👍.

Have Any Questions??? Ask Me In Comments, I am Available For You👀.

Happy Coding !!!🧑🏻‍💻

Discussion (1)

Collapse
mohsin8 profile image
Mohsin Ali Khan

great