20-web-projects-with-vanilla-javascript

20 Web Projects With Vanilla JavaScript

basic-crud-example

Example of CRUD (Create, Read, Update, Delete) using basic javascript functions

beginners-typescript-tutorial

An interactive TypeScript tutorial for beginners

bmi-calculator

Basic Responsive JS Example - Body Mass Index

budget-planner

Budget planning application with React , Context API

calculator-black-light-mode

Calculator with dark and light mode using html css and js

emircandemr

mern_movie_project

🚀 This project is a MERN stack project. The project is a movie site application. By registering on the site, the user can see popular movies, watch trailers and save them to the list for later viewing.

pokedex

Pokedex website with Vanilla Js, Html and Css

react-formik-firebase

It is the login/register page I created with React Formik and firebase. While doing this project, I used technologies such as React-router , firebase, tailwindcss, react-formik , yup , react-hot-toast, redux.

react-front

A frontend Web App build with React JS

react-memory_game

The project is a memory game. When the application is first opened, you can choose the category of the pictures you want to see on the cards. The closing times of the cards vary according to the difficulty of the game. You can also choose the number of cards you want to play from the game settings.

react-moviedb

While designing the movie site, I used technologies such as react-router, redux, firebase, react-formik. Movie data is taken from https://api.themoviedb.org. After logging in, the user can create a watched or to watch list. It can add or subtract from the lists it creates. Added movies are saved in localstorage.

react-notes-app

An application where you can create notes using react hook and store your created notes in localstorage

react-redux-typescript-guide

The complete guide to static typing in "React & Redux" apps using TypeScript

react-redux_examples

react-weather-app

A weather forecast application using openweather.api with react, tools used in the application; react, tailwind , context , router ,

react_coin_tracking

🚀 This project is a challenge given to candidates during the internship process of Taze company. The project is a Cryptocurrency Tracking Web Application

react_example

Simple apps I made while learning React

react_hoobank_clone_project

🚀 This project is a clone project. It was made to reinforce and strengthen my existing React and Tailwind knowledge. Project source video link is left in the description.

responsive-food-website

Responsive website design with Javascript-HTML-CSS

restaurant-menu

Creating a restaurant menu with Javascript, Html and CSS

tbdy2018-beam-design

Beam Design with Python

ticket-web-site

Ticket-web-site with HTML and CSS

to-do-app-react.js-and-tailwind

To-Do App with React.js and Tailwind

vue-cookie-component

In this project, I created a cookie component using the vue3 composition api.

vue-dashboard-project

A dashboard project that I realized with my teammates at the Vue.js bootcamp organized by Protein and Patika.dev.

vue-horse-racing

This project is the Vue.js Bootcamp graduation project organized by Protein-Patika. The application is a real-time race of horses running in 8 different lanes on a straight route.

vue-income-expense-tracker

An application where you can track your income and expenses. The vue 3 composition api is used throughout the application. Vuex is used in state management and scss is used in design.

vue-notification

You can create a custom notification in this project that I prepared with Vue 3 composition api. You can use the notifications you create in any component you want.