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 !!!πŸ§‘πŸ»β€πŸ’»

Top comments (1)

Collapse
 
mohsin8 profile image
Mohsin Ali Khan

great

🌚 Friends don't let friends browse without dark mode.

Good news! You can update to dark mode in your DEV settings.