• Stars
    star
    36,264
  • Rank 422 (Top 0.01 %)
  • Language
    CSS
  • License
    MIT License
  • Created about 4 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

50+ mini web projects using HTML, CSS & JS

50 Projects in 50 Days - HTML/CSS and JavaScript

This is the main repository for all of the projects in the course.

# Project Live Demo
01 Expanding Cards Live Demo
02 Progress Steps Live Demo
03 Rotating Navigation Animation Live Demo
04 Hidden Search Widget Live Demo
05 Blurry Loading Live Demo
06 Scroll Animation Live Demo
07 Split Landing Page Live Demo
08 Form Wave Live Demo
09 Sound Board Live Demo
10 Dad Jokes Live Demo
11 Event Keycodes Live Demo
12 Faq Collapse Live Demo
13 Random Choice Picker Live Demo
14 Animated Navigation Live Demo
15 Incrementing Counter Live Demo
16 Drink Water Live Demo
17 Movie App Live Demo
18 Background Slider Live Demo
19 Theme Clock Live Demo
20 Button Ripple Effect Live Demo
21 Drag N Drop Live Demo
22 Drawing App Live Demo
23 Kinetic Loader Live Demo
24 Content Placeholder Live Demo
25 Sticky Navbar Live Demo
26 Double Vertical Slider Live Demo
27 Toast Notification Live Demo
28 Github Profiles Live Demo
29 Double Click Heart Live Demo
30 Auto Text Effect Live Demo
31 Password Generator Live Demo
32 Good Cheap Fast Live Demo
33 Notes App Live Demo
34 Animated Countdown Live Demo
35 Image Carousel Live Demo
36 Hoverboard Live Demo
37 Pokedex Live Demo
38 Mobile Tab Navigation Live Demo
39 Password Strength Background Live Demo
40 3d Background Boxes Live Demo
41 Verify Account Ui Live Demo
42 Live User Filter Live Demo
43 Feedback Ui Design Live Demo
44 Custom Range Slider Live Demo
45 Netflix Mobile Navigation Live Demo
46 Quiz App Live Demo
47 Testimonial Box Switcher Live Demo
48 Random Image Feed Live Demo
49 Todo List Live Demo
50 Insect Catch Game Live Demo

NOTE ON PULL REQUESTS: All of these projects are part of the course. While I do appreciate people trying to make some things prettier or adding new features, we are only accepting pull requests and looking at issues for bug fixes so that the code stays inline with the course

License

The MIT License

Copyright (c) 2020-2021 Traversy Media https://traversymedia.com

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

More Repositories

1

design-resources-for-developers

Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more
58,625
star
2

vanillawebprojects

Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries
JavaScript
15,520
star
3

proshop_mern

Shopping cart built with MERN & Redux
JavaScript
1,995
star
4

devconnector_2.0

Social network for developers, built on the MERN stack
JavaScript
1,907
star
5

node_passport_login

Node.js login, registration and access control using Express and Passport
JavaScript
1,695
star
6

react-crash-2021

Task tracking application from the React crash course
JavaScript
1,359
star
7

chatcord

Realtime chat app with rooms
HTML
1,161
star
8

modern_js_udemy_projects

Project files for Modern JS From The Beginning course
JavaScript
1,121
star
9

traversy-js-challenges

Challenges & docs from JS Algorithms & Data Structures course
JavaScript
903
star
10

react_express_starter

Starter pack for React and Express full stack development
JavaScript
774
star
11

mern-tutorial

Goalsetter application from Youtube series
JavaScript
710
star
12

modern_portfolio

Responsive portfolio website
SCSS
681
star
13

laragigs

Laravel job listing app
PHP
606
star
14

loruki-website

Cloud hosting website
HTML
595
star
15

mern_shopping_list

Shopping List built with MERN and Redux
TypeScript
594
star
16

lead_manager_react_django

Full stack app with React, Redux & Django
JavaScript
590
star
17

proshop-v2

ProShop ecommerce website built with MERN & Redux Toolkit
JavaScript
584
star
18

php-crash

Code for my PHP crash course on YouTube
PHP
572
star
19

storybooks

Node.js app with Google OAuth
JavaScript
561
star
20

feedback-app

React feedback app from React course
JavaScript
542
star
21

vue-crash-2021

Task Tracker project from youtube crash course
Vue
536
star
22

devcamper-api

Backend for devcamper app
HTML
516
star
23

btre_project

Django real estate website
CSS
507
star
24

tailwind-landing-page

CSS
500
star
25

javascript_cardio

JavaScript challenges and problems
JavaScript
490
star
26

expense-tracker-react

Simple expense tracker using React hooks & context
JavaScript
485
star
27

ui_components

Collection of HTML & CSS UI components
HTML
484
star
28

python_sandbox

Files to learn Python basics
Python
483
star
29

angular-crash-2021

Task tracker app from the 2021 youtube crash course
TypeScript
480
star
30

simple_react_pagination

Frontend pagination with React
JavaScript
479
star
31

vanilla-parcel-boilerplate

Simple starter workflow for building vanilla js apps with Parcel
JavaScript
436
star
32

next-crash-course

Project from my Next.js crash course on YouTube
JavaScript
425
star
33

tailwind-course-projects

Projects from my TailwindCSS course
CSS
425
star
34

redux_crash_course

Simple implementation of Redux with React 16
JavaScript
416
star
35

node_crash_course

Files for YouTube crash course
JavaScript
401
star
36

bootstrap-bootcamp-website

HTML
390
star
37

react_crash_todo

React crash course files
JavaScript
373
star
38

javascript-sandbox

Sandbox from the Modern JS From The Beginning 2.0 course
JavaScript
372
star
39

github-finder

Search Github users - React hooks & context
JavaScript
372
star
40

expense-tracker-mern

Full stack expense tracker
JavaScript
368
star
41

vanilla-node-rest-api

REST API using Node.js without a framework
JavaScript
368
star
42

rust_sandbox

Fundamentals of the Rust language
Rust
358
star
43

express_crash_course

Express crash course on YouTube
JavaScript
358
star
44

docker-node-mongo

Sample node and mongo app that uses docker
JavaScript
357
star
45

vue_crash_todolist

Vue crash course application
Vue
351
star
46

project-mgmt-graphql

Full stack GraphQL, Express & React app
JavaScript
339
star
47

webpack-starter

Boilerplate for Webpack apps
JavaScript
337
star
48

github-finder-app

Find github users and display their info
JavaScript
336
star
49

react_redux_express_starter

Boiler plate for React/Redux applications with Express
JavaScript
336
star
50

lsapp

Laravel from scratch website/blog application
PHP
333
star
51

contact-keeper

Contact manager using React hooks & context
JavaScript
327
star
52

dj-events-frontend

Next.js website to list DJ and other musical events
JavaScript
324
star
53

vuex_todo_manager

Vuex crah course app
Vue
314
star
54

myflaskapp

Python Flask app with authentication
Python
312
star
55

house-marketplace

House marketplace built with React and FIrebase
JavaScript
311
star
56

hulu-webpage-clone

Hulu webpage clone
CSS
307
star
57

nodejs-openai-image

Web app that uses Node.js and OpenAI to generate images
CSS
305
star
58

nodekb

Simple knowledgebase app with Node.js, Express and MongoDB
JavaScript
303
star
59

react_step_form

Multi step form built with React and Material UI
JavaScript
302
star
60

axios-crash

Axios crash course files
JavaScript
298
star
61

mern-auth

MERN authentication using JWT and HTTP-Only cookie
JavaScript
291
star
62

node-api-proxy-server

Proxy server to hide public API keys with rate limiting, caching
JavaScript
286
star
63

laravel-sanctum-api

REST API with auth using Laravel 8 and Sanctum
PHP
285
star
64

php_rest_myblog

PHP
281
star
65

tailwind-sandbox

Sandbox used with the Tailwind From Scratch course
HTML
280
star
66

react_webpack_starter

React 16 and Webpack 4 starter pack
TypeScript
277
star
67

next-markdown-blog

Simple blog using Next and Markdown
JavaScript
276
star
68

creative-agency-website

Agency website - basic HTML/CSS
HTML
275
star
69

react-crash-2024

React jobs project from YouTube crash course
HTML
271
star
70

react_file_uploader

React and Express file uploader
JavaScript
268
star
71

alexis_speech_assistant

Python speech assist app
Python
267
star
72

deno-rest-api

Simple REST API using Deno and Oak
TypeScript
266
star
73

go_crash_course

Basics of the go language
Go
264
star
74

url_shortener_service

API to shorten urls using Node, Express & MongoDB
JavaScript
250
star
75

breaking-bad-cast

App to show cast info for breaking bad
JavaScript
250
star
76

electron-course-files

Files and apps for Electron course
JavaScript
248
star
77

react_native_shopping_list

React Native app from crash course
JavaScript
244
star
78

simple-electron-react

Simple boilerplate for building Electron apps with React
JavaScript
243
star
79

bookstore

Simple RESTful JSON api using Nodejs, Express and MongoDB
HTML
240
star
80

meanauthapp

Complete MEAN stack app with authentication
JavaScript
240
star
81

angular-crash-todolist

Simple app for Angular crash course
TypeScript
231
star
82

qr-code-generator

Simple Tool to Generate QR Codes
HTML
223
star
83

node_jwt_example

Example of Node JSON Web Tokens
JavaScript
221
star
84

electronshoppinglist

Shopping list desktop app built on electron
JavaScript
219
star
85

go_restapi

Simple RESTful API using Golang
Go
214
star
86

lyricfinder

App that finds song lyrics using React and the Musixmatch API
JavaScript
211
star
87

svg-css-generator-examples

Tiny projects using generated code from different CSS & SVG generators
HTML
204
star
88

ciblog

Simple blog built on Codeigniter
PHP
202
star
89

larticles_api

Laravel 5.5 API using resources
PHP
193
star
90

codegig

Simple job find app for coders
CSS
191
star
91

node_push_notifications

Example using Node.js and service workers to send and show push notifications
JavaScript
186
star
92

bs4starter

Starter pack for Bootstrap 4 Beta
JavaScript
183
star
93

support-desk

Support ticket app built with the MERN stack
JavaScript
178
star
94

mongochat

Simple chat app using Mongo and websockets
HTML
178
star
95

nestjs_rest_api

Rest api built with Nest and MongoDB
TypeScript
173
star
96

next-13-crash-course

JavaScript
173
star
97

microposts_fullstack_vue

Full stack vue and express
JavaScript
172
star
98

flask_sqlalchemy_rest

Products REST API using Flask, SQL Alchemy & Marshmallow
Python
171
star
99

pollster_django_crash

Polling app built with Django (Django Crash Course)
Python
170
star
100

huddle_styled_components

Landing page from styled components crash course
JavaScript
168
star